Scrolling 3D-scene

See demo

Scrolling animation: moving deeper into the scene. Blocks move at different speeds, text fade in/fade out.

Used features

• only CSS: animation-timeline: scroll, animation-range, @keyframes
• vite

Note

now (on may 2024) animation-timeline not supported in Firefox, Safari, but coming soon.

How to use

• git clone
• npm install
• npm run dev