Brainstorms and Raves

Notes on Web Design, Development, Standards, Typography, Music, and More

Thu

29

NOV

2001

Creative CSS Rollovers With Images

Evolt.org has a new tutorial for CSS with images that’s very creatively handled, CSS Image Border Rollovers. You can see his example live in action at C1UK Powerboats. Looking at it, I would have thought the navigation was done with JavaScript rollovers. One advantage with using CSS instead, of course, is faster page downloads since there are fewer images than if this had been handled with JavaScript rollovers and image swapping. This approach will also degrade gracefully for older browsers that don’t support this CSS2, such as Netscape 4.

This tutorial can be an especially good one for brainstorming your own ideas and playing with possibilities, too.

06:20 am, pst29 November, 2001 Comments, Trackbacks ·

Categories: CSS, Design, Standards

top


Visit iStockPhoto - Royalty-free stock images. Click Upload Earn, Click Download Create 

I Wrote a Book

Deliver First Class Web Sites: 101 Essential Checklists  Via amazon.com: Deliver First Class Web Sites: 101 Essential Checklists, by Shirley Kaiser. SitePoint Books (July 2006). 

Available now via: SitePoint Books, Amazon.com, Amazon.ca (Canada), Amazon.co.uk (UK), Amazon.fr (France), Amazon.de (Germany), Amazon.co.jp (Japan), Tower Books U.S. and elsewhere! You'll also help support this site and its owner if you purchase via any of these links.

Learn more at SKDesigns - Deliver First Class Web Sites and via SitePoint Books.

Recommended Books

Book cover: Designing for Web Standards, 2nd Ed., by Jeffrey Zeldman.

Cover - Web ReDesign 2.0: Workflow that Works, 2nd Edition. By Kelly Goto, Emily Cotler. Published 2004 New Riders. 

Hand-picked best book recommendations for Web site design, CSS, graphics, Photoshop, color, accessibility, more

In association with
 In Association with Amazon.com 
http://brainstormsandraves.com/archives/2001/11/29/creative_css_rollovers_with_images/
Page last modified 14 July, 2007 - 10:23pm PDT Page load time: 0.009188 seconds.