Медиафункция CSS `-webkit-animation`

Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры всё ещё могут её поддерживать, она уже могла быть удалена из соответствующих веб-стандартов, может находиться в процессе исключения из них или может сохраняться только для обеспечения совместимости. Избегайте её использования и по возможности обновите существующий код; воспользуйтесь таблицей совместимости внизу этой страницы, чтобы принять решение. Обратите внимание, что эта функция может перестать работать в любой момент.

Нестандартная функция: Эта функция не является стандартной и не входит в процесс стандартизации. Не используйте её на рабочих сайтах в интернете: она будет работать не у всех пользователей. Кроме того, реализации могут значительно различаться, а поведение функции может измениться в будущем.

Примечание: Все браузеры поддерживают свойство animation без префиксов поставщика. Медиафункцию -webkit-animation поддерживают только браузеры на основе WebKit (Safari), но не Chromium. Ни один браузер не поддерживает animation без префикса в качестве медиазапроса. Вместо этого используйте запрос возможности @supports (animation).

Логическая медиафункция CSS CSS -webkit-animation — это расширение WebKit, значение которого равно true, если поддерживаются CSS-анимации animation с префиксом поставщика.

В справочнике Safari CSS Reference приведено описание.

Примечание: Эта медиафункция поддерживается только WebKit. По возможности используйте вместо неё запрос возможности @supports.

Синтаксис

Медиафункция -webkit-animation — логическая. Её значение равно true, если поддерживаются свойства CSS-анимации с префиксом поставщика и браузер поддерживает медиазапросы для свойств с префиксами.

Значения

true: Браузер поддерживает CSS-свойство animation с префиксом -webkit.
false: Браузер не поддерживает эти CSS-анимации с префиксами.

Примеры

Пример использования -webkit-animation

@media (-webkit-animation) {
  /* CSS to use if -webkit- prefixed animations are supported AND the browser supports prefixed properties as media queries */
}

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari на iOS	Samsung Internet	WebView для Android	WebView на iOS
`-webkit-animation`	2–36	Нет	Нет	15–23	4	18–36	Нет	14–24	3.2	1.0–3.0	2–37	3.2

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/-webkit-animation