Что такое вендорный префикс в CSS

Вендорные префиксы — это приставки к CSS-свойствам, которые добавляют браузеры для экспериментальных или нестандартных функций. Они позволяют использовать новые фичи до их официальной поддержки.

Пример:

.box {
  -webkit-transform: rotate(45deg); /* Chrome, Safari */
  -moz-transform: rotate(45deg);    /* Firefox */
  -ms-transform: rotate(45deg);     /* IE */
  -o-transform: rotate(45deg);     /* Opera */
  transform: rotate(45deg);         /* Стандарт */
}

Основные префиксы:

• -webkit- (Chrome, Safari, новые Edge)
• -moz- (Firefox)
• -ms- (Internet Explorer)
• -o- (старые версии Opera)

Сейчас необходимость в них уменьшилась, так как большинство современных браузеров быстро внедряют стандарты. Для автоматической обработки префиксов можно использовать Autoprefixer.