::before and ::after pseudo-elements override my safety css. How can I override them back?
Animation triggers my migraines. Man websites use transition and animation timing functions such as "ease in-out" to animate the interface. I try to block this. Among ot… (read more)
Animation triggers my migraines.
Man websites use transition and animation timing functions such as "ease in-out" to animate the interface. I try to block this. Among other tools I use userContent,css, including the following:
- {animation-timing-function: step-start !important}
- {transition-timing-function: step-start !important}
This works to de-animate regular css elements, but not ::before and ::after pseudo-elements.
The current css standards do not apply user css to pseudo-elements. I've written to the WCAG about the issue.
https://bugzilla.mozilla.org/show_bug.cgi?id=1865572
https://github.com/w3c/wcag3/issues/40
But I really really need some way to de-animate these, because they trigger my migraines. Aside from css fixes, I often reduce the frame rate in about:config, but can't always do that, disable smooth scrolling, disable animated gifs and animated pngs, disable autoplay, block various non-scrolling elements using either css or uBlock Origin, etc.