禁用javascript时阻止CSS动画？

Question

Is there some CSS that I can add inside a <noscript> that will prevent animations on a certain element when scripts are disabled?

In other words, I want to prevent CSS3 animations on a certain class when scripts are disabled.

Answer 1

What you can do is set a class when JavaScript is enabled . Make sure all the animations look at that class.

Answer 2

With JS you can add a class to your body tag, something like .js-enabled; in your css scope the animations with that specific class.

Answer 3

I've had a similar problem recently. The easiest way is to assign a class on load . That is your initial state then, and the state you want something to transition to is either the state without the class (when, for example, you want to reveal stuff) or yet another class. Or, if you're using a looped animation, then of course you don't have to worry about that and just assign animations to a class.