Web Animations API

Step 1 : 静的なHTML

ソースコード

Step 2 : 見出し部分だけ演出

ソースコード

Step 3 : 他の要素も演出を追加

ソースコード

GSAP version

JSライブラリGSAP(ジーサップ)で演出

ソースコード

登壇資料へのリンク

デモサイト(録画)