Ragtime_Kitty
@Ragtime_Kitty

Как анимировать удаление/создание карточек?

Привет.

Есть контейнер с минимальной и максимальной высотами. В контейнер можно добавлять карточки, которые могут быть с разной высотой. Карточки можно удалять.

С появлением/исчезанием самих карточек вроде все просто:
transform, opacity и таймаут на удаление.

Но как анимировать изменение высоты контейнера? Как перемещать сами карточки в зависимости от изменений этой высоты? Прибавлять к высоте контейнера высоту добавляемой карточки?

Т.е. есть вот такое:


Хочу сделать примерно вот такое:
5d094b496f532504020034.gif

Как вообще подобное сделать? Можно ли без подсчета пикселей в js?

Подскажите, пожалуйста.
  • Вопрос задан
  • 197 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы