Definiowanie wielu właściwości przejścia w CSS

Question

Podczas ustawiania transition-property na all, wygląda to źle podczas powiększania w oknie przeglądarki, ponieważ właściwości width i height również są przenoszone. Kiedy tylko chcesz background i color, muszę zdefiniować kilka linii, choć:

transition-property: color, background; 
transition-duration: 250ms; 

To jest złe, bo ja też mam to zrobić dla -webkit-, -moz i -o-. Zamiast tego szukam czegoś takiego:

transition: [color and background] 250ms; 

Czy jest jakaś składnia do tego?

Answer 1

Podczas korzystania z transition skrót z wieloma przejściami, trzeba powtórzyć okres przejściowy dla każdej nieruchomości, a oddzielić grupę wartości przecinkami:

transition: color 250ms, background 250ms; 

z prefiksów, wygląda to tak:

-moz-transition: color 250ms, background 250ms; 
-o-transition: color 250ms, background 250ms; 
-webkit-transition: color 250ms, background 250ms; 
transition: color 250ms, background 250ms; 

Jeszcze trochę monotonne, ale przynajmniej bije powtarzające się transition-property i transition-duration dla wszystkich prefiksów.

Skrócona składnia jest opisana w spec.