Оптимизация css(5 свойств)

transition: opacity 3s ease-in-out 1s;

Стиль «слово, число, слово, число» очень удобен. Разделяя числа словами, как на примере выше, легче запомнить порядок, в котором идут свойства. Но как упоминалось ранее, чтобы заставить работать свойства во всех основных браузерах (кроме IE), надо дописать еще несколько правил. Почти то же самое, только в начале используются префиксы в соответствии с вариантами браузеров:

-webkit-transition: opacity 3s ease 1s;
-moz-transition: opacity 3s ease 1s;
-o-transition: opacity 3s ease 1s;
transition: opacity 3s ease 1s;

Да, дополнительные строчки портят элегантность краткой записи переходов, но зато так они будут работать. Я рассматриваю это как независимое усовершенствование. Все эти специфичные свойства для браузеров влияют только на них, и ни на что больше.