RecoilとGSAPのScrollTriggerを使ってスクロールアニメーションを作ってみました〜tailwindcssを添えて〜
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
キャプションを線で指し示すところをこだわってみました。
簡単ですが、以上です。
診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。
目次を見る