See the Pen GSAP_scrollTrigger_animation_01 by SHINNOSUKE-UENO (@SHINNOSUKE-UENO) on CodePen.

ポイント

GSAPを利用したスクラブアニメーションです。ScrollTriggerオプションのpinを使用してScrollTriggerがアクティブ時要素を固定しています。

グレーのサークルや中のテキストについてはgsap側（JS）で初期値も設定しています。

後はタイムラインを設定して、円とテキストの変化を同じタイミングにして完成。
※pin留めした内側のトリガー要素を考慮したオフセットを算出する”pinnedContainer”なるオプションなど、まだまだGSAPの能力を引き出せていないので引き続き調査していきます。