マルチボックスのフルスクリーンメニュー「Multibox Menu」
codropsに公開されているグリッドを利用した心地よいアニメーションで展開するフルスクリーンメニュー「Multibox Menu」のアイデアを忘備録もかねて紹介します。
情報を整理・分類し効果的に誘導できるフルスクリーンメニューは情報量が多いサイトなど効果的に活用できそうです。
Multibox Menu
レスポンシブ対応もしており、ページをすっきり見せたい場合など参考になるアイデアです。以上、グリッドをうまく活用したフルスクリーンメニュー「Multibox Menu」を紹介でした。
-
SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
-
世界の国旗をCSSとdivのみで実装する「CSS Flags」
-
カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
-
CSSで実装するボタンデザインとホバーエフェクトのアイデア
-
ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
RELATED POSTS
バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
リデザインのレビューを集めたWebサービス「reDSGN」
【jQuery】プレースホルダにアニメーションを実装できる「FoxHolder」
パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
レスポンシブ対応の画像を生成してくれる「Responsive Image Breakpoints Generator」
