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

Project overview - jQuery Tutorial

From the course: CSS: Advanced Typographic Techniques

Start my 1-month free trial

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.

Contents