RecoilとGSAPのScrollTriggerを使ってスクロールアニメーションを作ってみました〜tailwindcssを添えて〜

2

2022年09月24日 18:02

こんにちわ。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

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

簡単ですが、以上です。

# React.js
2

診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。

目次を見る