CSS разворачивает анимацию высоты ограничивающей рамки ⇐ CSS

[Anonymous]

Мне нравится разворачивать и анимировать тело таблицы.

Код: Выделить всё

@keyframes unfolding{
from {
transform: scaleY(0);
}
to {
transform: scaleY(1);
}
}
tbody{
animation-duration: 2s;
animation-name: unfolding;
}

Код: Выделить всё

Start


unfolding td


End

К сожалению, высота ограничивающей рамки тела не анимируется. «Конец» должен начинаться прямо под «Началом» и двигаться вниз в течение 2-секундной анимации. Как это сделать, не зная конечной высоты тела?

Подробнее здесь: https://stackoverflow.com/questions/793 ... oxs-height