Анимация высоты на v-if в Vuejs с использованием переходаCSS

Разбираемся в CSS
Anonymous
Анимация высоты на v-if в Vuejs с использованием перехода

Сообщение Anonymous »

Я использую следующий код для анимации элемента v-if путем уменьшения высоты до 0 пикселей. Анимация работает нормально. Но проблема в том, что мне нужно указать начальную высоту элемента в CSS. Для одного элемента это нормально, но я хочу применить эту анимацию к нескольким элементам. Как я могу это исправить? Так что какая бы высота ни была, анимация работает нормально!



something over here where the height is not constant



.fadeHeight-enter-active,
.fadeHeight-leave-active {
transition: all 0.2s;
height: 230px;
}
.fadeHeight-enter,
.fadeHeight-leave-to
{
opacity: 0;
height: 0px;
}


Подробнее здесь: https://stackoverflow.com/questions/425 ... transition

Вернуться в «CSS»