TimYang.com ::: The Geek Blog

Wednesday March 16

Pure CSS image rollover (and flicker free too)

I've always wanted to use CSS image rollovers, but they have a flicker because the browser requires a split-second to download the rollover image when you mouseover. This technique downloads the first image and the rollover image at the same time. It places the first image over the rollover image using z-index and makes the first image transparent whenever you mouseover. Very nice and very effective, but also very bloated CSS.



Leave a Comment

Tim Yang © // Email Me // XHTML 1.1 // CSS valid // 508 Passed // My PDF resume