Definire più proprietà di transizione nei CSS

Question

Quando si imposta transition-property su all, sembra scadente quando si esegue lo zoom all'interno della finestra del browser, poiché anche le proprietà width e height vengono sottoposte a transizione. Quando voglio solo background e color, ho bisogno di definirlo multilinea, però:

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

questo è un male, perché devo anche farlo per -webkit-, -moz e -o-. Invece sto cercando qualcosa del genere:

transition: [color and background] 250ms; 

C'è qualche sintassi per questo?

Answer 1

Quando si utilizza il transition stenografia con più transizioni, è necessario ripetere la durata della transizione per ogni proprietà, e separare ogni gruppo di valori con le virgole:

transition: color 250ms, background 250ms; 

con prefissi, sembra che questo:

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

Ancora un po 'ripetitivo, ma almeno batte ripetendo transition-property e transition-duration per tutti i prefissi.

La sintassi di stenografia è descritta nello spec.