From the course: Tailwind CSS Essential Training
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Animate
- [Instructor] Tailwind has a number of built in animations that you can use. And by a number, I mean, just a few. So you specify the animate keyword and then you choose one of these types. None is the reset and then you have spin, ping, pulse, and bounce and you really have to see these. I think they're kind of cute. Super cool for some simple UI. So none obviously doesn't do anything. Spin spins nicely. It doesn't look like it actually pauses. Sometimes when you spin things, they tend to kind of pause in the middle, but that one looks pretty good. Pulse, you can see the opacity kind of changes over time. And these right now are set to infinite. So bounce kind of bounces up and down. Really pretty nice animations that are built in already there for you, so you might as well use them. I think a little bit of animation like this can really enhance the look and feel of your projects. And since they're there, why…
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.