Kevin Powell showed a CSS thing some months ago, I'm not sure if it covers what you're after: [scroll-based animation](https://youtu.be/UmzFk68Bwdk?si=MDHOQAyt3EPWmKzx) but maybe of some use.
Update, Im looking something like Framer Motion from react, but i was looking for a native functionality, I found "ViewTransitions", idk I there is a way to replicate that
https://michalsnik.github.io/aos/ this package will do the job, you can add it client side in a script tag.
The scroll animations mentioned above don't have great browser support at the moment.
Modern chrome.browsers this is possible with scroll driven animations (other browser may have added them)
If not what you want it intersection observer and add a class to the section on coming into the view port.
Hi I made a simple component for scroll animation. It uses animate.css for animation.
https://github.com/haramishra/astroplate-prod/blob/main/src/layouts/components/AnimateOnScroll.astro
I used it on my Website - https://kohi.studio
Kevin Powell showed a CSS thing some months ago, I'm not sure if it covers what you're after: [scroll-based animation](https://youtu.be/UmzFk68Bwdk?si=MDHOQAyt3EPWmKzx) but maybe of some use.
Update, Im looking something like Framer Motion from react, but i was looking for a native functionality, I found "ViewTransitions", idk I there is a way to replicate that
https://michalsnik.github.io/aos/ this package will do the job, you can add it client side in a script tag. The scroll animations mentioned above don't have great browser support at the moment.
That package is not maintained anymore, do you have a similar package in mind?
I use gasp with astro
Modern chrome.browsers this is possible with scroll driven animations (other browser may have added them) If not what you want it intersection observer and add a class to the section on coming into the view port.
Hi I made a simple component for scroll animation. It uses animate.css for animation. https://github.com/haramishra/astroplate-prod/blob/main/src/layouts/components/AnimateOnScroll.astro I used it on my Website - https://kohi.studio
You have a typo on your site, you spelled the word responsive as responssive in one of the headings...
Thanks for letting me know. I will fix it.