2 ms·

most web pages already have lots of 'animated entrances' in the form of the entire page hopping around all over the place as elements are loaded via client side

most web pages already have lots of 'animated entrances' in the form of the entire page hopping around all over the place as elements are loaded via client side rendering, flashes of unstyled text, etc. for example, here's what this css-tricks webpage looks like when the page loads [0]. any CSS page loading animation you add to this page would have to 'compete' with the unsightly effects of the page trying to go through several steps to render itself. i think it's always such a relief when i click on a link to any site, and the page loads, and there's no animated anything whatsoever. [0] http://telnet.asia/n20fns.gif http://telnet.asia/n20fns.gif

xphx 5y ago
> a relief when i click on a link to any site, and the page loads, and there's no animated anything whatsoever I've recently disabled CSS animations globally in Firefox's userContent.css and my Web experience has indeed improved considerably. (Annoyingly this particular page content still jumps a little because of some deferred image loading.) * { animation: none !important; transition-property: none !important; } This obviously does not affect scripted animations. It would be nice if sites respected the prefers-reduced-motion browser media feature.