If you want, you can also skip the background information and jump right into the technical details below. This can comprise anything from refraining from having autoplaying videos to disabling certain purely decorative effects, to completely redesigning a page for certain users.īefore I dive into the feature, let's take one step back and think of what animations are used for on the web. The CSS media query prefers-reduced-motion lets developers create a variant of a page for users who, well, prefer reduced motion. Occasionally, the same can happen on the web: with flashing ads, fancy parallax effects, surprising reveal animations, autoplaying videos, and so on, the web sometimes can be quite overwhelming… Happily, unlike in real life, there is a solution to that. With so many moving targets, I fail to focus on anything, and end up lost and with a feeling of complete visual overload, almost like staring at an anthill 🐜. The only issue with that: I don't cope with crowds well. It was a lovely day, the sun was shining, and the ice rink was crammed with people ⛸. The other day, I was ice skating with my kids.
Too much motion in real life and on the web # Chrome 74 supports a user preference media query prefers-reduced-motion that lets you design a motion-reduced variant of your site for users who have expressed this preference. Not everyone likes decorative animations or transitions, and some users outright experience motion sickness when faced with parallax scrolling, zooming effects, and so on.
0 kommentar(er)
