Testing animation-name: none

Testing animation: none

After 2 seconds only the blue rectangles should be animating. Any resulting animation that involves rotation or fading means that this test has FAILED.

This rectangle starts with an animation. After 2 seconds a timer will set the animation-name on the element to '' (the empty string). The CSS rule should cause the animation to continue.

This rectangle starts with an animation. After 2 seconds a timer will set the animation-name on the element to 'none' (as an identifier). This should cause the animation to stop.

This rectangle starts with an animation. After 2 seconds a timer will set the animation-name on the element to 'none' (as a string). This should cause the animation to stop.

This rectangle starts with an animation, but animation-name is set to 'none' (as an identifier). No animation should run.

This rectangle starts with an animation, but animation-name is set to 'none' (as a string). No animation should run.

This rectangle starts with two animations. After 2 seconds a timer will set the animation-name on the fade to 'none'. The other animation (horizontal) should continue.