Alternative animations for users with "prefers reduced motion" declared

Fancy parallax animations, often done with Webflow Interactions, can be problematic for some users. prefers-reduced-motion is a media query to solve the problem but it's not easy to manipulate Webflow Interactions through code.

Hope there's a switch of some sorts in the Trigger section to disable the animation when appropriate. Even better: to be able to select an alternative animation for it in case the animation manipulates crucial content (e.g. accordions).

  • Stanford HIL
  • May 31 2020