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

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

Multibox Menu

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


  • ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
  • 画像を使わずにCSSだけで三角・矢印を作る方法
  • CSSをショートハンドに書き換えてくれる「SHRTHND」
  • 様々なスタイルのCSSを簡単に作れる「Generate CSS」
  • ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
RELATED POSTS
  • 180種類のグラデーションがまとめられた「WebGradients」
  • 【jQuery】背景画像のスライドショーを実装する「Vegas2」
  • Google Mapのスタイルテンプレート「Snazzy Maps」
  • 無料で使用できる!450種類以上のラインアイコン「LineIcons」
  • 【jQuery】リアルな波紋を再現するプラグイン「jQuery Ripple」
  • 様々なエフェクトを実装できるパーティクルエンジン「Proton」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】