-webkit-animation CSS media feature
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
Note:
All browsers support the animation property without vendor prefixes. Only WebKit (Safari), and not Chromium, based browsers supports the -webkit-animation media feature. No browsers support animation, without the prefix, as a media query. Use the @supports (animation) feature query instead.
The -webkit-animation Boolean CSS media feature is a WebKit extension whose value is true if vendor-prefixed CSS animations are supported.
Apple has a description in Safari CSS Reference.
Note:
This media feature is only supported by WebKit. If possible, use an @supports feature query instead.
Syntax
The -webkit-animation media feature is a Boolean whose value is true if the vendor-prefixed CSS animation properties are supported and the browser supports prefixed property media queries.
Values
Examples
Example of -webkit-animation
@media (-webkit-animation) {
/* CSS to use if -webkit- prefixed animations are supported AND the browser supports prefixed properties as media queries */
}
Specifications
Not part of any standard.