スライドアニメーションで展開するグリッドメニュー「Expanding Grid Menu」

Webデザイン

2018/04/04　 2019/04/16

codropsに公開されている違うサイズのブロックをスライドしながら展開するグリッドメニュー「Expanding Grid Menu」がステキだったので忘備録。

Expanding Grid MenuはAbleton Live 10: What’s Newのオープニングアニメーションにインスピレーションを受けてを制作したそうです。

Expanding Grid Menu

ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
魅力的なチルトホバーエフェクトを実装できる「Tilt Hover Effects」
メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
アニメーションで変化するカスタムカーソル「Custom Cursor Effects」

アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
ブロック要素をドラッグできるグリッドレイアウト「Muuri」
【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」
【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
キレイな装飾のテキストアニメーション「Decorative Letter Animations」