Image Rollover with CSS

If you’re a novice web designer or perhaps you haven’t had the time to brush up on CSS in the past few years and prefer of designing websites directly in a WYSIWYG editor such as Dreamweaver, then I’m sure you’re familiar with creating rollovers. I bet you’re also aware of the bulky javascript that ends up generating in your HTML file.
The image at left shows a completely javascript free rollover. It’s accomplished with just a few lines of code, 1 image containing both the normal and the hover state and a single pixel transparent GIF file which will act as place holder for the effect.



