Member-only story

CSS Scroll-linked Animations Will Change How We Experience The Web

In ten years we may not have to tap ever again

Tom Smykowski
4 min readNov 9, 2022

In the previous article exploring standardization efforts of W3C I’ve covered how in the future we may be able to style websites and web apps on smartwatches.

The Parallax History

The part with examples and flying stuff

Another interesting Working Draft I’ve stumbled upon lately applies to all types of devices including smartphones.

You may have noticed something very interesting on these pages. Take your time. Just remember to come back after scrolling:

What all of these three pages have in common?

JustinWick at English Wikipedia • CC-BY-SA-3.0

The effect is called a scroll-linked animation, sometimes also repurposed as a parallax.

The effect gained popularity around 2014 thanks to many WordPress theme developers offering an easy way to set it up followed by some low-code tools.

Why Designers Love Parallax

The chapter you don’t want…

--

--

Tom Smykowski
Tom Smykowski

Written by Tom Smykowski

🚀 Senior/Lead Frontend Engineer | Angular · Vue.js · React | Design Systems, UI/UX | Looking for a new project! 📩 contact@tomasz-smykowski.com

Responses (2)