From the course: Vue.js 2 Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Using an animation framework

Using an animation framework

From the course: Vue.js 2 Essential Training

Start my 1-month free trial

Using an animation framework

“

- [Instructor] Another way to create animations for your projects is to use a prebuilt library. I like this one called animate.css. It has a bunch of different options that work pretty well and the way that it works is pretty simple. You add an additional script or a reference to the CSS and then you add a couple of classes to some HTML that you want to animate and it will apply those animations for you. Now if you want to install it you can go to View on GitHub over here and scroll down to this section. Normally if you're just on a page, you're just going to want to use this link tag. If you want to just use an encode pen like we're doing, we can just copy this reference to the CSS right here and then we'll switch back over to codepen. And remember, you go to Settings, make sure you're on the CSS tab, and then you can paste it or add it as an additional resource. I've already done that for you so you should already have it but if not, just click add resource an paste it in there and…

Contents