Префиксы

Префиксы 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;
  position: sticky;
}

:-webkit-full-screen > * {
  background-color: red;
}

:-moz-full-screen > * {
  background-color: red;
}

:-ms-fullscreen > * {
  background-color: red;
}

:fullscreen > * {
  background-color: red;
}

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

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