How To Use CSS To Make Rollover Effects Using A Single Image And No Javascript
Sometimes you need to use an image for a link. Commonly places like menus are good candidates for this because you don’t want the text of those links on your page. Mostly this is for SEO reasons, otherwise, text is all good, right? But what about when you want a rollover effect, and you don’t really want to spend the time creating every image twice, or making every reader download two copies of every image? And compound that even further if you need special “active”, “first” or “last” states in the menu. That means even more images, and the javascript to make it all run. But I have a method that uses CSS and a single image. No duplicated images and no javascript.
Learn how to implement css only single image rollovers- Author: Dane Morgan
- Published: Jan 6th, 2010
- Category: Design
- TAGS: None
- Comments: 9
