ANIMATIONアニメーション
スクロールアニメーション導入前に
［https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js］と［ttps://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js］を＜head＞にいれ、jsフォルダに［gsap.js］を入れる。
動きをつけたい要素にclassをつける
-
フェードイン
fadein -
スケールフェードイン
scale-fadein -
ローテートフェードイン
rotate-fadein -
バウンドフェードイン
bounce-fadein
-
- Xスクロールフェードイン
-
fadein-left
-
- Xスクロールフェードイン
-
fadein-right