Я не можу знайти правильний синтаксис для стенограми переходу CSS з кількома властивостями. Це нічого не робить:
.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;
}
Я додаю шоу-клас за допомогою JavaScript. Елемент стає вищим і видимим, він просто не переходить. Тестування в останніх Chrome, FF та Safari.
Що я роблю неправильно?
EDIT: Просто для того, щоб було зрозуміло, я шукаю скорочену версію, щоб зменшити свій CSS. Він досить роздутий з усіма префіксами постачальника. Також розширили приклад коду.
.5s
значення після opacity
запланованих?