Возможно ли уже написать свойство transform css без префикса?

Question

Анимация HTML5 широко используется в наши дни, но разработчики вынуждены использовать оболочки для функций аппаратной анимации при написании кросс-браузерных приложений. Простая функция типа «преобразование» должна быть записана так:

.foo {
  -webkit-transform: (10%, 20%); 
       -o-transform: (10%, 20%); 
     -moz-transform: (10%, 20%);
      -ms-transform: (10%, 20%); 
}

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

НО. Как бы вы порекомендовали написать

.foo {transform: (10%, 20%)}

один раз для всех поддерживаемых браузеров. Возможно ли уже сейчас написать его только с одним стандартным свойством без префикса?

Answer 1

Вы искали -prefix-free .

-prefix-free позволяет использовать везде без префикса свойства CSS. Он работает за кулисами, добавляя префикс текущего браузера к любому Код CSS, только когда это необходимо.

Answer 2

Зависит от браузера.Обычно box-shadow и border-radius являются префиксными.Ниже изображение ваш ответ.

Answer 3

Краткий ответ: нет.Я думаю, что наилучшей практикой (с точки зрения поддержки) является написание каждого префикса вендора, а также составленного свойства W3C, как показано:

    .foo {
  -webkit-transform: translate(10%, 20%); 
  -o-transform: translate(10%, 20%);
  -moz-transform: translate(10%, 20%);
  -ms-transform: translate(10%, 20%); 
  transform: translate(10%, 20%);

/*The working draft requires values as transform-functions like transform(), not just
value pairs as shown in the question*/

}

Префиксные свойства по существу являются функциями разработки и не обязательно стабильны , и вам не стоит слишком беспокоиться о флагах, поскольку браузер обычно отключает свойства, которые он не может прочитать.Просто проверьте, не ломаются ли сейчас ваши страницы в разных браузерах.Мы надеемся, что окончательная спецификация выйдет в ближайшем будущем, и тогда вы сможете удалить префиксные декларации.Между тем, вы можете отслеживать рабочий проект здесь .