Expanding upon my other parallax experiment, now with zero-JavaScript! CSS scroll-driven animations are doing all the work here 🥳
✅ JS-Free Parallax
✅ Works with multiple frames out of the box (without having to re-work my JS function)
✅ Better performance as it's just CSS
🚫 Sorry Firefox & Safari users, animation-timeline doesn't work there (Can be enabled for FF)
This is another effect that depends on scrolling over the designs, so I've increased the margins a bit so you should be able to see it fully.
TL;DR: Scroll.
Dino Scene, 13 base layers + rays
Tian Tan Buddha, 8 layers (Horizontal Parallax)
Manta Ray Scene, 5 layers
