Привет.
Есть контейнер с минимальной и максимальной высотами. В контейнер можно добавлять карточки, которые могут быть с разной высотой. Карточки можно удалять.
С появлением/исчезанием самих карточек вроде все просто:
transform, opacity и таймаут на удаление.
Но как анимировать изменение высоты контейнера? Как перемещать сами карточки в зависимости от изменений этой высоты? Прибавлять к высоте контейнера высоту добавляемой карточки?
Т.е. есть вот такое:
Хочу сделать примерно вот такое:
Как вообще подобное сделать? Можно ли без подсчета пикселей в js?
Подскажите, пожалуйста.