Animation on scroll

Hi guys, I want to give each page an animation that when you come to the page it inserts via right for example. What is the best way to do this so I can add this to other parts of the entire website as well? https://codepen.io/Boeroe/pen/zYeRobj
Boeroe
CodePen
zYeRobj
...
10 Replies
mätthew
mätthew12mo ago
https://animate.style/ gets the job done
Animate.css | A cross-browser library of CSS animations.
Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
b1mind
b1mind12mo ago
Gsap is the way
b1mind
b1mind12mo ago
Homepage | GSAP
GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.
b1mind
b1mind12mo ago
Sidenote the typewriter effect is out played and gets made fun of by hiring folks. Drop it.
Boeroe
Boeroe12mo ago
How to start the animation when you keep coming to that point on the page. @b1mind
b1mind
b1mind12mo ago
Not sure I understand the question. But you can use Intersection Observer or using gsap.ScrollTrigger
mätthew
mätthew12mo ago
i think he means like when you scroll, he wants the elements to slide in
b1mind
b1mind12mo ago
Yea using IO api that is what gsap.ScrollTrigger uses under the hood too.
Want results from more Discord servers?
Add your server