From the course: Vue.js 3 Essential Training
Join today to access over 22,500 courses taught by industry experts.
Options and animating lists
From the course: Vue.js 3 Essential Training
Options and animating lists
- [Instructor] Let's take a look at a couple of other options when it comes to transitions. And then we'll take a look at working with lists. If you want to animate an element, as it enters the screen you can simply add the appear property. You just simply add the appear keyword to the transition element. We'll take a look at an example in just a minute. Now there's also something called a transition mode and it controls the way the animation plays. Rather the order that the transitions inside the transition component play and normally animations inside the transition object would all trigger at once. And that can be good and bad depending on what you want to accomplish. So here you add the keyword mode and then one of the directions which are in-out or out-in so in-out will play the new element and then the current element and out-in plays the current element, and then the new element. Now this doesn't make a lot of…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.