CSS Rollovers – Just Add Water

By Alex Walker | January 16, 2005 | Web Design Tutorials & Articles

Isn’t it great when someone not only comes up with an nice solution to a problem (rollovers in this case), but then takes the extra effort to make it easy for you to understand and implement yourself?

Recently Simon Collison spent some time thinking about CSS images rollovers and distilled his conclusions and code into a well thought-out tutorial.

Enough for any man, you may be tempted to think, but no, Simon has gone the extra yard to build a slickly constructed auto code generator – a fine piece of work in it’s own right.

Cheers, Simon.

Written By:

Alex Walker

Alex manages design and front end development for SitePoint.com and writes Design Festival's monthly design newsletter, the SitePoint Design View.

Website
>> More Posts By Alex Walker

{ 9 comments }

benji February 11, 2005 at 1:10 am: don’t be ridiculous dorsey. Obviously it’s related to the topic or I wouldn’t have posted it. There’s no point me writing a monologue on it, just follow the link.
scattermachine February 8, 2005 at 9:27 pm: This reminds me of something I read in Rachel’s CSS book. She was shifting pictures of peppers up and down. I think she used 3 states: red yellow and green.
hawkshango February 7, 2005 at 4:35 pm: Very interesting… Never thought about using graphics within CSS for rollover effects. It could be done, but never thought it could actually be done. Just might add it to my arsenal for web design.
Dorsey February 7, 2005 at 3:53 pm: Please, when responding with a link, give us a little idea of what we can expect to find (a synopsis) and the link’s relevance to the discussion. Just writing “check out” is very annoying.
Farooqaaa January 20, 2005 at 10:03 am: Very Good :)
bcyde January 17, 2005 at 5:05 pm: Great links including that one from benji. Eye opening stuff.
benji January 17, 2005 at 10:35 am: Check out http://www.alistapart.com/articles/sprites/
constans January 17, 2005 at 12:10 am: Great! No more javascripts for rollover links.
charmedlover January 16, 2005 at 10:23 pm: This is nice! I’ll be using this in future layouts.