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

Question

[webrapist]

Салют.

Я пропустил этот момент. Зачем это делается? Видел пример с градиентом - как-то пропустил мимо. Сейчас опять наткнулся, надо разобраться.

Например:

-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg); /*Для чего нужно?*/

Answer 1

[lemme]

Чтобы браузеры, которые поддерживают это свойство без вендорных префиксов, игнорировали правила с вендорными

Comments

[webrapist]

Логично. Только вот зачем, и что это за браузеры?

[lemme]

swibong: да любые, из тех же перечисленных, просто со временем они начинают поддерживать это свойство без вендорных префиксов.

Answer 2

[Котик Антон]

Для браузеров, которые поддерживают свойство transform.
https://pepelsbey.net/pres/pre-fixes/

Comments

[webrapist]

Ну, а если какой-то браузер поддерживает это свойство, то если прописать это свойство с префиксом, браузер его не сможет использовать что ли?

[Сергей Ноздрин]

webrapist: Добрый день! Вы решили этот вопрос? У меня такая же проблема. Я заметил, что если не прописывать чистый transform без префиксов, Mozilla его не отображает.

[webrapist]

Сергей Ноздрин: первый ответ просмотрите, там всё написано.

Answer 3

[Ivan Bogachev]

В отдаленном светлом будущем все браузеры будут поддерживать все свойства без префиксов. Логичнее ставить вопрос в обратную сторону - зачем мы сейчас эти самые префиксы ставим? - Чтобы браузеры, которые еще находятся в сером настоящем или темном прошлом (вроде ie) могли отображать то, что мы хотим с помощью своих реализаций свойств. Кстати shouldiprefix говорит, что -moz- и -o- для transform уже не обязательно делать

Comments

[webrapist]

За сайт отдельное спасибо.

[Roman]

-o- уже давно не нужно делать. Да и -moz- тоже. В принципе, почти везде вендорные префиксы можно выкинуть, если это презентационные шутки (так оно чаще всего и бывает).