This feature policy allows developers to selectively disable certain CSS animations through the Feature-Policy HTTP header or the <iframe> "allow" attribute. Slow and inefficient CSS animations add delays to layout and paint intervals. This policy lets developers restrict layout-related animations on their own web page or on certain third-party origins in embedded contents.

Demo

Documentation

Status in Chromium

Blink>FeaturePolicy


In developer trial (Behind a flag) (tracking bug) in:

  • Chrome for desktop release 68
  • Chrome for Android release 68
  • Android WebView release 68

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No signal
  • No signal
  • No signal
  • No signals

Owners

Comments

The identifier for the feature in policies is "layout-animations". By default, "layout-animations" is allowed in all same-origin frames and possibly, enabled for cross-origin frames but limited to a certain set of animations. The set of enabled animations will include the layout affecting animations. When an animation is disabled the corresponding CSS properties keep their initial value for the first half of the animation duration and then switch to the final value for the second half.

Search tags

Feature Policy, CSS Animations,

Last updated on 2020-11-09