CSS
Поддержка браузера и префиксы
Поиск…
параметры
| Префикс | Браузер (ы) |
|---|---|
-webkit- | Google Chrome, Safari, более новые версии Opera 12 и выше, Android, Blackberry и UC-браузеры |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Опера до версии 12 |
-khtml- | Konquerer |
замечания
Префиксы поставщиков используются для поддержки предварительного просмотра для новых функций CSS, где функциональность еще не рекомендована спецификацией.
Рекомендуется не использовать префиксы поставщиков в производственных средах. Эти префиксы существуют для тестирования новых функциональных возможностей, которые еще не доработаны, а поведение по своей сути является неожиданным. Простое использование префиксов не обеспечивает поддержку браузера для старых браузеров, так как вы не можете гарантировать, что функция не изменилась с течением времени, чтобы работать по-другому, и она все равно может быть повреждена в тех старых браузерах, которые вы утверждаете для поддержки.
Если поддержка старых браузеров важна, вам следует вместо этого использовать JavaScript или другие решения для имитации эффектов и поистине гарантировать поддержку старых браузеров.
Браузеры будут использовать свои префиксы и игнорировать свойства, которые они не понимают.
ПРИМЕЧАНИЕ . Префиксы должны всегда отображаться перед официальным синтаксисом без предварительного исправления. В противном случае они будут перезаписаны префиксными свойствами, что может быть другой реализацией в конце.
Если браузер поддерживает как непредусмотренную, так и префиксную версию свойства, самое последнее свойство, которое будет объявлено, будет иметь приоритет.
Переходы
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
преобразование
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}