マルチボックスのフルスクリーンメニュー「Multibox Menu」
codropsに公開されているグリッドを利用した心地よいアニメーションで展開するフルスクリーンメニュー「Multibox Menu」のアイデアを忘備録もかねて紹介します。
情報を整理・分類し効果的に誘導できるフルスクリーンメニューは情報量が多いサイトなど効果的に活用できそうです。
Multibox Menu
レスポンシブ対応もしており、ページをすっきり見せたい場合など参考になるアイデアです。以上、グリッドをうまく活用したフルスクリーンメニュー「Multibox Menu」を紹介でした。
-
CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
-
サイトで使用していないCSSセレクタを調べられる「Unused CSS」
-
イメージを見ながら学べるCSS GRIDのチートシート「GRID」
-
きれいなエフェクトの検索フォームUI「Inspiration for Search UI Effects」
-
CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
RELATED POSTS
魅力的なテキストエフェクトを実装できる「Blotter.js」
アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
ブロック要素をドラッグできるグリッドレイアウト「Muuri」
ラフな手書き風デザインのWebコンポーネント「Wired Elements」
魅力的なチルトホバーエフェクトを実装できる「Tilt Hover Effects」
パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
