Оформление современных сайтов состоят из множества стилей, которые могут работать или не работать в тех или иных браузерах. Чтобы всё работало везде, для некоторых свойств необходимо использовать префиксы разных браузеров. По английски они называются vendor prefixes.
Ниже список самых необходимых и популярных свойств, использующих префиксы (или где их ставят по ошибке):
Без префиксов
border-radius : Если не нужна поддержка Firefox 3.6 или iOS 3.2
box-shadow : Если не нужна поддержка Firefox 3.6 или iOS 4.3 или Safari 5.0
text-shadow
border-image
Используют только один префикс
CSS Transitions : -webkit- для Safari 6.0
CSS 3D Transforms : -webkit- для Safari и Chrome
CSS Animation : -webkit- для Safari и Chrome
CSS Gradients : -webkit- для Safari
Box Sizing : -moz-.
CSS Calc : -webkit- для Safari 6.0
Несколько префиксов
CSS Transforms : -webkit- для Safari и Chrome и -ms- для IE9
Flex Box : -webkit- и -ms-.
Columns : -webkit- и -moz-.
Почему я не упомянул про префикс -o-, который использовался в опере до 12 версии включительно? Потому, что о ней стоит упоминать только в контексте сайтов, которые будут сделаны для просторов СНГ. Если это ваш случай, то помните - Opera <=12 занимает около 9 процентов СНГ-шного рынка браузеров. В таком случае префикс -o- необходимо добавлять для свойтсв, для которых могут ставиться префиксы -webkit- или -moz-.