マルチボックスのフルスクリーンメニュー「Multibox Menu」

 
codropsに公開されているグリッドを利用した心地よいアニメーションで展開するフルスクリーンメニュー「Multibox Menu」のアイデアを忘備録もかねて紹介します。 情報を整理・分類し効果的に誘導できるフルスクリーンメニューは情報量が多いサイトなど効果的に活用できそうです。

Multibox Menu

レスポンシブ対応もしており、ページをすっきり見せたい場合など参考になるアイデアです。以上、グリッドをうまく活用したフルスクリーンメニュー「Multibox Menu」を紹介でした。



  • CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
  • キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」
  • CSSで作成する吹き出しとデザインのアイデア
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
RELATED POSTS
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
  • ブロック要素をドラッグできるグリッドレイアウト「Muuri」
  • キレイな装飾のテキストアニメーション「Decorative Letter Animations」
  • Webサイト・スマホアプリなどのUIデザインギャラリー「UIPatternHub」
  • 【jQuery】Google画像検索結果風のUI「Thumbnail Grid with Expanding Preview」
  • シンプルなチャートを実装できるライブラリ「Frappé Charts」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】