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 - jQuery Tutorial
From the course: CSS: Advanced Typographic Techniques
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.