【Webデザイン】魅力的な動きをするレスポンシブメニュー
codropsで定期的に心地よく動くメニューのチュートリアルが上がってますが、今後のために忘備録。実際にこういったメニューを実装したサイトも見かけるので参考になります。
1
Transitions for Off-Canvas Navigations
3
Fullscreen Overlay Effects
4
Perspective Page View Navigation
-
【jQuery】ページ移動時にアニメーション効果をつけられるAnimsition
-
パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
-
jQueryプラグインをまとめた検索サイト「jQuery Cards」
-
【jQuery】スクロールで画像に3D効果を掛けられる「tiltedpage_scroll.js」
-
【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」
RELATED POSTS
180種類のグラデーションがまとめられた「WebGradients」
入力フォームを実装するためのテンプレート「Boilerform」
UIデザインのスニペットがまとめられたサイト「CodeMyUI」
CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
SVGで作成されたローディングアイコンセット「SVG Loaders」