From the course: CSS: Advanced Typographic Techniques

Unlock the full course today

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

Enabling animations

Enabling animations - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Enabling animations

“

We're almost ready to finish up our animated exercise. We define our animation in the previous exercise. So in this one we're going to need to, to use it. So we're going to checkout how we can use our brand new CSS animation by deciding where and when it gets used. So I have the focus animate file open from the 05_06 directory. If I scroll down, just to sort of, re-acquaint ourselves with this. I know it was just the last exercise but, you can see we have our key frames animation. So, we're defining them and we are naming them. So, now, all we need to do to use them is somewhere in, select, or based on either, somebody triggering the animation or, in this case, we want to do a persistent animation. We simply call the animation name, and then we sort of tell it how we want to use it. Okay, let me show you sort of how that works. I am going to go just above these guys and I am going to use again the magic of lettering.js character one because our get focused is all inside of those…

Contents