Scroll based animations! I love them! But you gotta be carefull and do them the right way for best possible performance.

frontenddesigner.dk/blog-posts/s...

#frontenddev #cssanimation #animation #scrollanimation

Learn how to create scroll-triggered SVG animations using Xyris and SMIL. Animate visually, control with simple JavaScript—no complex coding required. (link in comment)
#SVGAnimation #ScrollAnimation #WebDesign #JavaScript #XyrisApp #SVG #WebAnimation #CreativeCoding #SMILAnimation

11 Best One Page Scroll WordPress Themes With Scroll Animations
🔗 www.sktthemes.org/wordpress-...
#OnePageThemes #ScrollAnimation #LandingPageWordPress #ModernWebsiteDesign #SinglePageWeb

Do you know which song this pen is referring to?

100% scroll-driven CSS animation (and CSS color names)
@codepen.io #CSSonly #scrollanimation
codepen.io/d4rek/full/d...

🔵 Pure CSS vertical scroll, horizontal slide
by Ana Tudor
@anatudor.bsky.social
at @codepen.io
#scroll #scrolldrivenanimation #scrollAnimation #webdev

codepen.io/thebabydino/...

What is this dark magic? 🪄 It's pure #CSS horizontal slide on vertical scroll mix!

With CSS scroll-driven animations + `position: sticky`! 😼
Check out the demo on @codepen.io:

✨ codepen.io/thebabydino/...

Enjoy!

#scroll #scrollAnimation

(posted this before, but Bluesky didn't have video then)

What is this dark magic? 🪄 It's pure #CSS horizontal slide on vertical scroll mix!

With scroll-driven animations + `position: sticky`! 😼

Check out the demo on @codepen.io
✨ codepen.io/thebabydino/...

cc @bram.us

#scroll #scrollAnimation

🟢 Replacing gsap with scroll animations
by Dom Jay @[email protected]
#ScrollAnimation #css #webdev
dominickjay.com/writing/repl...

🔴㊗️ Scroll animations! How to add a flowing path like the Lusion site with SVG and Javascript
by Rik Lomas @riklomas at @superhi_
+ demo + code
#webdev #css #js #SVG #scrollanimation #scroll
www.youtube.com/watch?v=w8DO...