From the course: Vue.js 3 Essential Training
Join today to access over 22,500 courses taught by industry experts.
Transitions
From the course: Vue.js 3 Essential Training
Transitions
- [Instructor] Of course you can animate using CSS styles and classes, but View gives you additional features that makes it easier to animate with transitions. Now, the first is the transition tag. Now, it looks like this and it's just an HTML looking tag with the transition right here. And, anything you want to animate can be placed inside this task. You can say something like animate me here. And, this transition name is optional. So, if you get rid of it, you would still get a set of classes that allow you to target some triggers. So, that name parameter is optional, but there are some benefits to using it. This is going to create a number of classes which we'll see in just a minute that allow you to trigger animations based on when those classes appear and disappear. Now here are the Enter/Leave classes that you get. And the default is for them to have this v at the beginning. If you give the transition a transition…
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.