タグ: javascript animation
-
スクロール速度で変わるUIの作り方【JavaScriptで気持ちいい演出を実装】
スクロール連動UIというと、要素がフェードしたり、少し動いたりする実装を思い浮かべることが多いです。ただ、実際のUIでは「どこまでスクロールしたか」だけでなく、どのくらいの速さでスクロールされたかによ…
-
Scroll Trigger Animationの作り方|スクロール位置で要素をふわっと表示する基本実装【JavaScript】
スクロールに合わせて要素がふわっと現れる演出は、記事一覧、特徴紹介、料金表、FAQ など、いろいろなUIで使われます。ただし、勢いで実装すると「毎フレーム scroll を監視して重くなる」「一度表示…
-
スムーズなプログレスバーの作り方【JavaScript】
progress / lerp / easing を使って、気持ちよく伸びるUIを作る 読み込み中、達成率の表示、レベルゲージ、アップロード進行状況など、プログレスバーはさまざまなUIで使われます。 …