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.
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...
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
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.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...