Анимация высоты на 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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