-webkit-transition 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 transition property without vendor prefixes. Only WebKit (Safari), and not Chromium, based browsers support the -webkit-transition media feature. No browsers support transition without the prefix as a media query (though some browsers do support - -webkit-transform-3d). Use the @supports (transition) feature query instead.
The -webkit-transition Boolean non-standard CSS media feature is a WebKit extension whose value is true if the browsing context supports CSS transitions.
Apple has a description in Safari CSS Reference; this is now called transition there.
Note:
You should not use this media feature; it was never specified, has never been widely implemented, and has been removed from most browsers. Use a @supports feature query instead.
Syntax
@media (-webkit-transition) {
/* CSS to use if this media feature and prefixed transitions are supported */
}
Examples
Use @supports instead
Do not use the -webkit-transition media feature. Instead, test for transition support using the CSS @supports at-rule, like this:
@supports (transition: initial) {
/* CSS to use if transitions are supported */
}
Obsolete example
Before this became obsolete, you could use -webkit-transition in your CSS like this:
@media (-webkit-transition) {
/* CSS to use if transitions are supported */
}
Specifications
Not part of any standard.