#scrollEffect

Ana Tudor 🐯anatudor
2024-07-19

Pure CSS on scroll reveal & parallax effects on @codepen
codepen.io/thebabydino/pen/abg

Pay attention to how images slide within their own element boxes 😼

Saw a demo using JS for this parallax effect and... I seem to be on a mission to redo every scroll effect in pure CSS.

cc @bramus

Ana Tudor 🐯anatudor
2024-06-24

Another pure CSS & SVG thing I made on @codepen last week for the : codepen.io/thebabydino/pen/yLW

Idea from codepen.io/gabrielcojea/pen/GR but using no JS for scroll-triggered transitions and no text duplication for the dynamic headline-image intersection.

cc @bramus

Ana Tudor 🐯anatudor
2024-06-24

Somehow forgot to post this @codepen demo codepen.io/thebabydino/pen/dyE, which fits both most recent weeks.

It's a version of this demo by @bramus scroll-driven-animations.style, but relying on CSS 3D (transforms) instead of `z-index` for z-axis order.

Ana Tudor 🐯anatudor
2024-06-21

If you're a patron on Patreon, then you may have seen the solution over a year ago. Here it is now public for everyone to see on @codepen: codepen.io/thebabydino/pen/rNq

Also an entry for this week's (scroll snapping).

2019-03-19

Laxxx - Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive! alexfox.dev/laxxx/ #Front #JS #ScrollEffect

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst