マルチボックスのフルスクリーンメニュー「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」
