Featured

HTML/CSSで作るおしゃれなナビゲーションTOP10:TOP10 Awesome Navbar designs using HTML/CSS/JavaScript.



Published
#webデザイン #HTML #CSS #JavaScript #ナビゲーション #navbar

HTMLとCSSと簡単なJavaScriptで作れるナビゲーションバーTOP10を集めました!
ソースコードはおいおい解説動画をあげる予定ですが、
BASEで販売もしていますのでぜひそちらもご覧になってください〜

━━…━━…━━…━━…━━…━━…━━…━━…━━

haruco | HTML/CSS/JavaScriptがすきな人

 ↓ソースコードはこちら
 https://haruco.base.shop/

 ↓インスタグラム
 https://www.instagram.com/haruco.webd...

━━…━━…━━…━━…━━…━━…━━…━━…━━

-- この動画の目次 --
00:00 TYPE 1 ホバーでスライドイン Slide-in by hovering buttons.
00:11 TYPE 2 ニューモーフィズムデザイン Neumorphism Design.
00:29 TYPE 3 レトロなドロップダウンメニュー Dropdown menu
00:48 TYPE 4 ハンバーガーメニュー Hamburger menu
01:10 TYPE 5 スタイリッシュなナビゲーション
01:23 TYPE 6 回転するアイコン Rotating icons.
01:42 TYPE 7 上部に固定 Fixed navbar to the top.
02:19 TYPE 8 すりガラス風のエフェクト glass effect.
02:41 TYPE 9 横からスライドイン Slide-in from the right.
03:03 TYPE10 アナログ風エフェクト
Category
Web design
Be the first to comment