スライドアニメーションで展開するグリッドメニュー「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

複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
アニメーションで変化するカスタムカーソル「Custom Cursor Effects」
モーフィングアニメーションのページ遷移を実装できる「Morphing Page Transition」
CSSでクールなグリッチエフェクトを実装できる「CSS Glitch Effect」
キレイな装飾のテキストアニメーション「Decorative Letter Animations」

SVGボタンに様々なエフェクトを実装できる「Distorted Button Effects」
無料で使用できる！450種類以上のラインアイコン「LineIcons」
SVGでダミー画像を生成できるサービス「Placeholder pics」
【jQuery】レスポンシブ・フレキシブルなモーダルウィンドウ「iziModal.js」
レスポンシブデザインのパターン集「Responsive Patterns」
【jQuery】レスポンシブ対応のタブを実装できる「GridTab」