https://youtu.be/_hbvq1TuZs8?si=3roWzKYZvCnLHEFU
react で Scroll Triggerを使用します。
gsapインストール
ターミナルを開いて、以下コマンド実行
npx create-react-app scrolltrigger-react
一番下に "Happy hacking!" が出てきたら、以下2行も実行
cd scrolltrigger-react
code .
開いたエディタでターミナルを開き、以下コマンド実行
npm start
すると、http://localhost:3000/ が開いたと思います。次にgsapのインストールです。ターミナルを分割し、( 1:29 )新しく開いた方で以下実行
npm install gsap
package.json の 6行目に gsapが追加されていると思います。その次の行でも、react, react-dom, react-scripts などがインストールされているのが分かります。
src > app.jsこのファイルには回転しているロゴや、文字などのブラウザに表示されているすべてのdom要素が含