From the course: Mastering Web Developer Interview Code

Unlock this course with a free trial

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

Animate an underline on hover in CSS

Animate an underline on hover in CSS

From the course: Mastering Web Developer Interview Code

Start my 1-month free trial Buy for my team

Animate an underline on hover in CSS

“

- [Instructor] This week we're going to be taking a look at a question that is a little bit tougher than it seems because it requires an understanding of a number of different concepts including modifying the position of an element transformations and transitions. So let's go straight into the solution for this problem which I've placed on this CodePen right here. So you can see that we have this navigation and when we roll over these links you see this little underline and the underline is animated. So that seems like it should be a pretty simple problem. I am using Bootstrap just to make things look a little nice. And if you click on this button, you're going to take a look at sort of a project that I've been working on. That is a more complicated version of this example with a bunch of other different features in there. So you can see that there's a little bit of an animation that happens here. And some of these items…

Contents