1 year ago

#382002

test-img

Igor Lira

Vue Transition Group Animation - start v-move only after v-leave finishes

I would like to have the following flow:

5 items on a stack of notifications.

1 item is poped, so it enters on v-leave state, while the other 4 items don't animate at all. After item enters on v-leave state, the other 4 items animate to their new position.

.leave-active,
.fade-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}

.fade-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}

vue.js

css-animations

vue-transitions

vuejs-transition-group

0 Answers

Your Answer

Accepted video resources