-webkit-animation
非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。
非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
メモ:
すべてのブラウザーが、ベンダー接頭辞なしの animation プロパティに対応しています。Chromium ベースのブラウザーではなく、 WebKit (Safari) だけが -webkit-animation メディア特性に対応しています。メディアクエリーとして接頭辞なしの animation に対応しているブラウザーはありません。代わりに、 @supports (animation) 機能クエリーを使用してください。
-webkit-animation は CSS の論理メディア特性で、 Chrome 拡張であり、ベンダー接頭辞つきの CSS animation に対応していれば値が true になります。
Apple には Safari CSS リファレンスに説明があります。
メモ:
このメディア特性は WebKit のみが対応しています。可能であれば、代わりに @supports 機能クエリーを使用してください。
構文
-webkit-animation メディア特性は論理型で、ベンダー接頭辞つきの CSS アニメーションプロパティに対応していれば true になります。
値
例
-webkit-animation の例
@media (-webkit-animation) {
/* -webkit- 接頭辞が付いたアニメーションに対応しており、かつ、ブラウザーがメディアクエリーとして接頭辞付きのプロパティに対応している場合に使用する CSS */
}
仕様書
どの標準でも定義されていません。