Медиафункция CSS `-webkit-transform-3d`

Базовый уровень Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с сентября 2016 года.

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

Примечание: Хотя эта медиафункция в настоящее время поддерживается большинством браузеров, по возможности вместо неё используйте запрос функции @supports.

Синтаксис

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

Значения

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

Примеры

Примеры медиа-запросов с -webkit-transform-3d

@media (-webkit-transform-3d) {
  .foo {
    transform-style: preserve-3d;
  }
}

Лучше проверять поддержку браузером с помощью запроса функции:

@supports (transform-style) {
  .foo {
    transform-style: preserve-3d;
  }
}

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

Спецификация
Совместимость # css-media-queries-webkit-transform-3d

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

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`-webkit-transform-3d`	2	12	49	15	4	18	49	14	3.2	1.0	4.4	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-3d