Как работает CSS-анимация с Vue Transition?

Vue <Transition> работает с двумя типами CSS-анимаций: transition (плавное изменение свойства) и @keyframes (покадровая анимация). Vue автоматически определяет тип и длительность, добавляя/убирая классы в нужные моменты. Для transition — определяешь начальное и конечное состояние. Для @keyframes — определяешь анимацию в *-enter-active/*-leave-active.