This page shows how animations are affected by this policy.
transform propertyThis first animation continues when the policy is active because it is GPU accelerated. It's animating one of the three properties (opacity, transform, filter) that can be reliably hardware accelerated.
left propertyThis second animation jumps when the policy is
active because it's animating the left property. Don't do that.
left and transform propertiesThis one shows what happens if you animate more than one property and one of the properties is non accelerated. Some of the animation still continues.
requestionAnimationFrame-based animation on left propertyJS-based animations using requestionAnimationFrame are not affected
by the policy, even if they do terrible things like animate CSS left.
height propertyHover over this box. The CSS transition on the height/width won't animate when the policy is active.