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

こんにちわ。nap5です。

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

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

I mocked this scrollanimation using gsap,framer-motion,recoil,tailwindcss.#react #javascript #gsap #framermotion #recoil #100DaysOfCode #tailwindcss

demo sitehttps://t.co/kTXQWlGA2R

demo codehttps://t.co/utIuqmzVy6

— nap5 (@napzak5) September 24, 2022

Recoil

Docs

デモサイトです。

Have a nice day

デモコードです。

youthful-minsky-nwibc9 - CodeSandbox

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

簡単ですが、以上です。