DEV Community

Anish Rokka
Anish Rokka

Posted on

Animate all elements of website on scroll

Hello Developers,
I have a question about how other developers are animating elements on their website. eg: https://www.zoho.com/academy/
I'm not just talking about this website only there are lots of websites using the same tricks for interaction.
when they reach to destination they add class like "inView" and traslateY(). so how they are doing this on "scroll" for every cards and section. Are they using Intersection Observer? or there is any better way so we can animate in every websites. I want to do without plugins or library like jquery, gsap or three js.

other examples:
https://www.mondrian.com/
https://normal.studio/

Top comments (0)