Перейти к содержимому
32 / 112

Как реализовать анимацию списков с TransitionGroup?

<TransitionGroup> анимирует три типа изменений в списке: добавление элемента (enter), удаление (leave) и перемещение оставшихся (move). Для move-анимации нужен класс *-move с transition на transform. Ключевой трюк — position: absolute на leave-active, чтобы удаляемый элемент не блокировал сдвиг остальных.

Как реализовать анимацию списков с TransitionGroup? | JScriptiser