マルチボックスのフルスクリーンメニュー「Multibox Menu」
codropsに公開されているグリッドを利用した心地よいアニメーションで展開するフルスクリーンメニュー「Multibox Menu」のアイデアを忘備録もかねて紹介します。
情報を整理・分類し効果的に誘導できるフルスクリーンメニューは情報量が多いサイトなど効果的に活用できそうです。
Multibox Menu
レスポンシブ対応もしており、ページをすっきり見せたい場合など参考になるアイデアです。以上、グリッドをうまく活用したフルスクリーンメニュー「Multibox Menu」を紹介でした。
-
CSSでクールなグリッチエフェクトを実装できる「CSS Glitch Effect」
-
ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
-
カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
-
コピペするだけで使えるCSSボタンジェネレーターまとめ
-
ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
RELATED POSTS
【jQuery】ジオメトリックを実装できる「particleground.js」
波の動きの背景を作成することができる「Wavie.js」
【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
アイコンフォント「FontAwesome」の使い方
【jQuery】レスポンシブ対応のスライダー「Glide.js」
リアルな水滴を表現できる「Rain & Water Effect Experiments」
