From the course: CSS: Enhancing Interfaces with Animation

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Creating menu animations

Creating menu animations - CSS Tutorial

From the course: CSS: Enhancing Interfaces with Animation

Start my 1-month free trial

Creating menu animations

“

- [Lecturer] Okay for this lesson, we're going to look at Menu Animations. Now Menu Animations are pretty common on a website, and this is just one way to do an animation. When we hover over our links, we're going to see the color of our link change and then also this element kind of sliding in under it, almost looking like it's highlighting our link. So again the color changes and then we have this element coming in. If you're thinking back to the button that we just did, where we had something coming in from the side, you should kind of get a grasp of how we might do this at least the animation part, the transform. So let's go ahead and look at how we're going to create this animation. So once again, in your favorite editor, if you open up your terminal, you can go to zero three, zero two branch. So Get Checkout 03_02b and that's going to be your beginning folder for this animation. If you go to Begin here and we open it…

Contents