Stenografia della transizione CSS con proprietà multiple?

Non riesco a trovare la syntax corretta per la stenografia della transizione CSS con proprietà multiple. Questo non fa nulla:

.element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: 0; } .element.show { height: 200px; opacity: 1; } 

Aggiungo la class show con javascript. L’elemento diventa più alto e visibile, semplicemente non transita. Testare nelle ultime versioni di Chrome, FF e Safari.

Che cosa sto facendo di sbagliato?

EDIT: Per essere chiari, sto cercando la versione abbreviata per ridimensionare il mio CSS. È abbastanza gonfio con tutti i prefissi del venditore. Anche espanso il codice di esempio.