From the course: Tailwind CSS Essential Training
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Transitions - CSS Tutorial
From the course: Tailwind CSS Essential Training
Transitions
- [Instructor] For simple animations, you can use transition properties when you need objects to change position on certain events. So if you take a look at the transition property you can use one of these different options and choose whether or not you want the transition to only operate on certain conditions. So you can say, I want the transitions to only work on the opacity of the elements, shadow, transform, et cetera, et cetera. So if you take a look at the try it, you'll see that really there's not much to try here because the transition that we have here is going to happen whenever we roll over the element and it's going to scale this by 125. Now, if we say modify this transition to be transition none, it's not going to transition at all. So it's just going to jump in between the two elements. So the transition will be the animation. If we say something like transition by opacity only because we are changing the…
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.