このページで使われているアニメーションは、すべてJavaScriptを一切使わずにCSSだけで制御されています。
プラグインの読み込み待ちによるカクつきがなく、ブラウザの描画性能を最大限に活かした滑らかな動きを実現します。
画面内にボックスが入ってくると、スクロール量に合わせてフワッと連動しながら浮き上がります。
最新の animation-timeline プロパティを使用し、重いスクロールイベントの監視(JS)を不要にしました。
過度な装飾や派手なエフェクトを削ぎ落とし、マテリアルや空間が自然に動くような設計。
引き算のデザインだからこそ、クリーンなソースコードと軽快な表示スピードが活きてきます。