The :hover property, in all of its glory
Enter, the :hover property.
We’ll start with some super basic formatting via a CSS id
Hooray. Now, if we add a :hover property to our #foo id, we can make our text color change
And that’s all well and good but it doesn’t seem very useful. Maybe you wanted to make an image partially transparent on a hover?
Okay that’s pretty cool. This can actually be applied to more or less any CSS property! Background colors, background images, display properties, aligns, margins, and so on!
Using margin properties liberally, we can create a quick and dirty expanding NavBar:
A lot of neat interactive content can be done with just pure CSS, particularly with CSS3.
A keen observer will note that a CSS hover property was used on the thumbnails, highlighting which one the user currently has the cursor on!
So go out and play with the hover property and make something cool!