#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 アナログ風エフェクト
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