From the course: CSS: Advanced Typographic Techniques

Unlock the full course today

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

Creating keyframe animations

Creating keyframe animations - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

Creating keyframe animations

Although having text that animates when your users interact with it can be extremely helpful. What if you wanted text that animated, say, just persistently, sort of in the background. Well, in that case, transitions aren't really going to be able to help you. And you're going to need to turn to CSS animations. Now a lot like transitions, creating animations is kind of a two step process. First thing we're going to do is define the animation itself and then we're going to decide when and where to play it. So I have the focus animation or focus animate file I should say. From the 05_05 directory opened up and I'm going to scroll down towards the bottom of that. I can see that I've got span tag here. By the way, if I preview this in the browser, it's pretty much the exact same thing we had before. There's just no transitions applied to it quite yet. Okay. So animations are kind of interesting syntax because you're dealing with it's a lot like writing a MIDI query. In the fact that you're…

Contents