1. 開発者向けのウェブ技術
  2. CSS
  3. リファレンス
  4. アットルール
  5. @media
  6. -webkit-animation

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

-webkit-animation

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

メモ: すべてのブラウザーが、ベンダー接頭辞なしの animation プロパティに対応しています。Chromium ベースのブラウザーではなく、 WebKit (Safari) だけが -webkit-animation メディア特性に対応しています。メディアクエリーとして接頭辞なしの animation に対応しているブラウザーはありません。代わりに、 @supports (animation) 機能クエリーを使用してください。

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

Apple には Safari CSS リファレンスに説明があります。

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

構文

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

値

true

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

false

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

例

-webkit-animation の例

css
@media (-webkit-animation) {
  /* -webkit- 接頭辞が付いたアニメーションに対応しており、かつ、ブラウザーがメディアクエリーとして接頭辞付きのプロパティに対応している場合に使用する CSS */
}

仕様書

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

ブラウザーの互換性

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content