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
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
Search tags
Feature Policy, CSS Animations,Last updated on 2020-11-09
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.