Можно ли написать свойство «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*/ 

} 

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