Префиксы

Префиксы CSS позволяют работать с новыми свойствами CSS3. В большинстве случаев при использовании более новых свойств CSS нужно добавить префикс для каждого браузера.

Префиксы CSS для браузеров
IE Chrome Opera Safari Firefox Android iOS
-ms- -webkit- -o- -webkit- -moz- -webkit- webkit-

Пример:

article {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  
  -webkit-justify-content: space-between;
     -moz-justify-content: space-between;
          justify-content: space-between;
}

.transform {
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
}

после применения префиксов CSS (Vendor Prefixes) для браузеров, убедитесь что на вашем сайте свойства CSS3 работают правильно во всех браузерах.

автор
htmlhook.ru | Скрипты для веб-приложений