マルチボックスのフルスクリーンメニュー「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」
RECENT POSTS
  • バナーデザイン制作で参考になるバナー広告ギャラリーサイト12選
  • 【2021年版】 WordPressのおすすめテーマ17選(無料版/有料版)
  • 【2021年版】 無料で使えるフリー画像・写真素材サイト27選(国内/海外)
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
POPULAR POSTS
  • 【2021年版】 無料で使えるフリーイラスト素材サイト33選(商用利用可)
  • 【無料】漢字が使える日本語フリーフォント70選
  • 【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
  • フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選