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

CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
【CSS】borderで枠線を作成する方法 -初心者向け-
Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
様々なスタイルのCSSを簡単に作れる「Generate CSS」
Youtubeの埋め込み動画をレスポンシブに対応させる方法