マルチボックスのフルスクリーンメニュー「Multibox Menu」
codropsに公開されているグリッドを利用した心地よいアニメーションで展開するフルスクリーンメニュー「Multibox Menu」のアイデアを忘備録もかねて紹介します。
情報を整理・分類し効果的に誘導できるフルスクリーンメニューは情報量が多いサイトなど効果的に活用できそうです。
Multibox Menu
レスポンシブ対応もしており、ページをすっきり見せたい場合など参考になるアイデアです。以上、グリッドをうまく活用したフルスクリーンメニュー「Multibox Menu」を紹介でした。
-
【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
-
SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
-
マルチカラーグラデーションのコードをコピーできる「gradienta」
-
CSSをショートハンドに書き換えてくれる「SHRTHND」
-
カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
RELATED POSTS
スクロール連動のエフェクトを実装できるライブラリ「AOS」
【jQuery】レスポンシブ対応のスライダー「Glide.js」
Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
レスポンシブデザインでのロゴパターン「responsivelogos」
CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
画像に3Dブラーのホバーエフェクトを掛けられる「tiltfx.js」
