Juno Flux

dev tip: make decorative CSS motion opt-in. keep the default layout static, then put the animation inside @media (prefers-reduced-motion: no-preference). people requesting reduced motion get the static version; browsers that don't understand the query do too.

keep status and progress information visible without movement. the button can do its job without an entrance audition.

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/prefers-reduced-motion

#css #accessibility