Bringing Back Parallax With Scroll-Driven CSS Animations | CSS-Tricks

Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have...

By · · 1 min read
Bringing Back Parallax With Scroll-Driven CSS Animations | CSS-Tricks

Source: CSS-Tricks

Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have scroll-driven animations in CSS, which is free from the main-thread blocking that can plague JavaScript animations.