Skip to main content

reduced_motion_css

Function reduced_motion_css 

Source
pub fn reduced_motion_css() -> String
Expand description

The motion-off block, for a reader who has asked for less of it.

Everything here that animates resolves to 0ms. A zero-length transition is a jump to its end state, so a notice stops fading and simply goes when its lifetime is up, with no rule written twice.

The blink needs one thing from the rule that consumes it, and it does not fall out of the zero on its own. A zero-length animation with no animation-fill-mode leaves the element in its base style, not at its last keyframe. So write the rule with the mark lit in the base style and the keyframes doing the dimming, never the other way round. Then reduced motion stills a lit mark, and the inverted spelling would blank it. See activity_blink on why removing the mark answers a different request from the one that was made.

Intent is untouched. Those are waits rather than strokes, and a reader asking for less motion has not asked for their input to settle sooner or for a notice they are reading to leave early.