Courses
Vue Foundations Vue Fullstack Vue Enterprise
Articles
Latest Topics
More
Newsletter Sponsorship Discord About
The video for this lesson is currently being updated, please read the transcript instead.
Vue Foundations > Lesson 36

Animating cart items

In the last lesson we used a transition to add a fade effect to the cart total as it's added to the page.

Let's now add a fade effect on the cart items as they enter page by using a transition group.

Transition group.

The transition we made in the last video was on an single element where a v-if was used to make it enter and leave the DOM.

In the case of our cart items, though, we have a list of elements created with a v-for. Y


Back to course page

Click to load comments...

Courses
  • Vue Foundations
  • Vue Fullstack
  • Vue Enterprise
Articles
  • Latest
  • Topics
Newsletter
  • Join
  • Sponsorship
More
  • Discord
  • Vue.js jobs
  • About

Vue.js Developers © 2021. View our privacy policy .

  • RSS
  • |
  • Atom