こんにちわ。nap5です。

RecoilとGSAPのScrollTriggerを使ってスクロールアニメーションを作ってみましたので、紹介したいと思います。

Twitterにも投稿してみました。

https://twitter.com/napzak5/status/1573730116038930432

Recoilはストア管理のライブラリですね。
https://recoiljs.org/

GSAPのScrollTriggerはスクロールアニメーションを実装するときによく使います。
https://greensock.com/docs/v3/Plugins/ScrollTrigger

デモサイトです。
https://react-marked-caption-line-javascript.onrender.com/

デモコードです。
https://codesandbox.io/s/nwibc9

キャプションを線で指し示すところをこだわってみました。

簡単ですが、以上です。