DEV Community


Discussion on: 🎞️ Animation for Developers

ajitzero profile image
Ajit Panigrahi

In the Respect your user section, I'd like to add that prefers-reduced-motion does not always mean we should entirely remove animations. Instead, a slower and calmer transition could work as an alternative.

So, while the CodePen example for the pizza animation going to the cart is excessive and should be disabled for people with prefers-reduced-motion enabled, the tooltip examples need not be removed.

iamschulz profile image
I am Schulz Author

Good take.
I was thinking about things like e-ink displays as well, where animations generally don't really work, but you're right. It would make more sense to query for a display type that doesn't support animation and apply a print layout there, though. I might need to dig deeper into that...