Вендерные префиксы в CSS


Если вы осваиваете премудрости CSS (таблиц каскадных стилей), используемых в оформлении html-страниц, то наверняка слышали, что новшества отливаются в стандарты CSS постепенно. Сначала появляется черновик новой редакции и разработчики браузеров начинают реализовывать его новые возможности (фичи) по-своему. Дизайнеры начинают с этими новыми возможностями оформления сайтов экспериментировать. Что-то появляется у одного разработчика, что-то у другого. Селекторы свойств, функций, пока они не вошли в стандарт, идут с префиксами.

Например,

  • -moz- — для браузеров на движке Gecko (Firefox)
  • -ms- — для Internent Explorer и старых версий Edge
  • -webkit- — для браузеров на движке WebKit (Chrome, Opera, Safari)
  • -o- — для Opera 12 и более ранней версии

Чтобы не искать руками все вендерные префиксы и не прописывать их в свой CSS-файл, его можно прогнать через специальный обработчик. Например, этот. Но сначала сделайте резервную копию исходного файла. Иначе обязательно случится «вдруг». Для минимизации css-файла можно использовать онлайн-обработчик (например, этот).