-webkit-animation

非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

-webkit-transitionCSS の論理メディア特性で、 Chrome 拡張であり、ベンダー接頭辞つきの CSS animation に対応していれば値が true になります。

Apple には Safari CSS リファレンスに説明があります。eference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3).

メモ: このメディア特性は WebKit のみが対応しています。可能であれば、代わりに @supports 機能クエリーを使用してください。

構文

-webkit-animation メディア特性は論理型で、ベンダー接頭辞つきの CSS アニメーションプロパティに対応していれば true になります。

true

ブラウザーが -webkit の接頭辞の付いた CSS animation に対応しています。

false

ブラウザーは接頭辞つきの CSS アニメーションに対応していません。

-webkit-animation の例

css
@media (-webkit-animation) {
  /* CSS to use if animations are supported */
}

仕様書

どの標準でも定義されていません。

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
-webkit-animation media feature
DeprecatedNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.

関連情報