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
10 Replies
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.
Gsap is the way
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.
Sidenote the typewriter effect is out played and gets made fun of by hiring folks. Drop it.
How to start the animation when you keep coming to that point on the page. @b1mind
Not sure I understand the question. But you can use Intersection Observer or using gsap.ScrollTrigger
i think he means like when you scroll, he wants the elements to slide in
Yea using IO api
that is what gsap.ScrollTrigger uses under the hood too.