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

Ответ

CSS -webkit- — это префикс, используемый для CSS-свойств, которые изначально были экспериментальными или поддерживались только в браузерах на движке WebKit (например, Safari, старые версии Chrome).

Примеры:

.element {
  -webkit-transition: all 0.3s ease; /* Для старых версий Safari/Chrome */
  transition: all 0.3s ease; /* Стандартная запись */
}

Важно:

  • Современные браузеры часто поддерживают стандартные версии свойств, но -webkit- может требоваться для обратной совместимости.
  • Некоторые свойства (например, -webkit-text-stroke) остаются специфичными для WebKit.
  • Автопрефиксеры (PostCSS) автоматически добавляют нужные префиксы.

Использовать -webkit- вручную сегодня редко необходимо, но полезно знать для поддержки legacy-кода.