From the course: CSS: Advanced Typographic Techniques
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Project overview - jQuery Tutorial
From the course: CSS: Advanced Typographic Techniques
Project overview
In this chapter, we're going to be exploring a couple of different techniques for animating text. While the projects, themselves, are relatively simple, the techniques that we're going to be using are extremely versitile and can be used in various ways throughout your projects. Now first, we're going to do this exercise. And we're going to take a look at how to use transitions to animate text based on user interaction. In this case, hovering over the text itself. We're going to focus on creating blurred text, how to set up transitions, and then how to trigger them as the text is being interacted with. Then we're going to explore CSS animations, and how to define and use keyframe animations in CSS. And in this case, as you can see here, we're going to create a persistent animation that's going to simulate the random fading of each letter.
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.