これは素敵。いますぐナビゲーションに使いたい、おしゃれなホバーエフェクトまとめ -『effect』
- uto usui
- ／／
- effect
- hover
- navigation
ナビゲーションに適応したい、おしゃれでかっこいいエフェクトサンプルのまとめです。
グローバルナビゲーション
サイトの上部に固定表示したり、あらかじめ隠しておいてハンバーガーアイコンなどをトリガーに、スライドイン表示させるメインのメニューのエフェクトをまとめます。
Inspiration for Line Menu Styles
シンプルで効果的なナビゲーションエフェクトのインスピレーション集。
Inspiration for Line Menu Styles
Creative Link Effects
プロジェクトに取り入れやすそうな、シンプルなラインアクションなどをまとめたスタイル集。
Sidebar Transitions
トランジションをうまく使った、アニメーション集。
3d表現のダイナミックなスタイルも用意されている。
Header Effects
ヘッダーナビゲーション固定レイアウト実装の際、スクロール後に縮小などのアニメーションを伴ったスタイル変更のインスピレーション。
Prev / Next
次のポストや前のポストに移動するナビゲーションのまとめです。
Arrow Navigation Styles
矢印をホバーすると、サムネイルやタイトルなどのキャプションが現れるインタラクティブなスタイル集。
バレットナビゲーション
スライダーでよく実装される、アイテムの切り替えや、現在位置を知らせてくれるナビゲーションのまとめです。
Dot Navigation Styles
よくあるサークル状のバレットスタイルで、遊びのあるアニメーションやツールチップを表示させるスタイルも用意されている。
スライダーなどで使用される、バレットナビゲーションのスタイル・エフェクトサンプル
実装のコードなどが細やかに開設されており、シンプルでカスタマイズしやすいものがたくさん紹介されている。
サークル状や矩形、三角形のスタイルなど形状も多様。
スライダーなどで使用される、バレットナビゲーションのスタイル・エフェクトサンプル
おわります。
