Для чего нужны префиксы свойств

Префиксы свойств (например, -webkit-, -moz-, -ms-) используются для поддержки новых CSS-свойств в браузерах до их официальной стандартизации. Они позволяют браузерам внедрять экспериментальные функции, которые еще не вошли в спецификацию.

Пример:

.box {
  -webkit-border-radius: 10px; /* Chrome, Safari */
  -moz-border-radius: 10px;    /* Firefox */
  border-radius: 10px;         /* Стандартная версия */
}

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