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

WebDesign
codrops

2018/04/04

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

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

Expanding Grid Menu

PickUp

キレイな装飾のテキストアニメーション「Decorative Letter Animations」
CSSでクールなグリッチエフェクトを実装できる「CSS Glitch Effect」
水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
立体感のあるアニメーションホバーエフェクト「Stack Motion Hover Effects」