From the course: CSS: Scrolling and Parallax

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Using transitions to animate

Using transitions to animate - CSS Tutorial

From the course: CSS: Scrolling and Parallax

Start my 1-month free trial Buy for my team

Using transitions to animate

“

- [Narrator] Let's take a look at how we can use transformations with transitions to modify the way that our menu is working. So, if you look at our menu items right now, when we roll over these different elements, you'll see that the underline appears immediately. That's actually being controlled down here by these pseudo class elements or pseudo elements, this Knaflic before pseudo element, creates that underline. And right now, when we hover over the element, we make that visible. So before we do that, though, let's go ahead and get rid of these other transforms as well as this border, just resets everything back to the way that it used to be since we're going to be working with these menu items here. So what we can do here is a create a transition. Let's go ahead and add a transition property here. And we could type in different transitions that we want to animate here. But most of the time, or a lot of times you're…

Contents