Creating rollovers


show more Creating rollovers provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Creating rollovers

Our menu is almost complete. Really, the last major thing that we need to do is add a rollover effect to add a little bit of interactivity to the menu. So I am going to be working with the vertical.htm from the 03_07 directory. And in order to create a rollover effect, we are going to have to create a new selector. So I'm going to scroll down in my vertical menu styles, and I am just going to create a new selector right below my last one here. Now, we've been using the pseudo-class selectors for a while now. So, the hover pseudo-class selector probably will come as no surprise to you that, that is what we need to use. So, I'm going to type in li a:hover.

So again, that's targeting any links inside of the list item, and we are going to use the hover pseudo-class, so we are saying that when those links are being hovered over. All right, I am going to go ahead and open and close my curly brackets there. And inside that, I am just going to apply some properties that I think would make a...

Creating rollovers
Video duration: 4m 45s 5h 14m Beginner

Viewers:

Creating rollovers provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...