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.
Creating transitions - jQuery Tutorial
From the course: CSS: Advanced Typographic Techniques
Creating transitions
CSS transitions require a two step process. First, we have to define which element that we want the transition to occur on and then, you know, which properties should animate as a transition is being triggered. Now, after you do that, you then have to change the properties based on some type of event that is going to trigger the transition and this is typically like a hover event or. Focus event, something like that. So we're going to focus on the defining the transition in this exercise, and then on triggering the transition in the next exercise. so I have focus.htm from 05_03 opened up, and I'm going to scroll down into our span selector. So we want each of our letters to transition individually. So not as a whole word, but each letter one at a time. And so, that's why we're going to apply the transition to the actual span tags themselves. Okay, so I'm going to come in and I'll first to a webkit transition. You typically don't have to still do this. But I like being thorough in…
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.