`-webkit-transform-2d` — медиафункция CSS

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

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

Булева CSS-медиафункция -webkit-transform-2d является расширением WebKit. Её значение равно true, если поддерживаются 2D-transform CSS с вендорным префиксом и нестандартные медиазапросы с вендорными префиксами.

Apple описывает её в справочнике CSS для Safari.

Синтаксис

-webkit-transform-2d — это булева CSS-медиафункция, значение которой равно true, если браузер поддерживает 2D-transform CSS с префиксом -webkit.

Значения

true: Браузер поддерживает 2D-преобразования CSS с префиксом -webkit.
false: Браузер не поддерживает 2D-преобразования CSS с префиксом -webkit.

Примеры

Простой пример

@media (-webkit-transform-2d) {
  div {
    -webkit-transform: translate(100px, 100px);
  }
}

Эта медиафункция поддерживается только WebKit. Свойство transform без префикса поддерживается всеми современными браузерами. По возможности вместо этого используйте запрос функции @supports:

@supports (-webkit-transform: translate(100px, 100px)) {
  div {
    -webkit-transform: translate(100px, 100px);
  }
}

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

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

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

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`-webkit-transform-2d`	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-transform-2d