Poking Holes in Translucent Content with CSS3 and Fixed Backgrounds

by echobitz 15. January 2012 11:00
This cool effect is done with fixed backgrounds like we used on this site. You can use it to create pockets or holes in your raised content when rolling over the background. I used the most common element div in this example but it will work with some other elements as well. Older browsers like IE 7-8 will only see square or rectangular holes without the radius and shadows and will loose the look of depth. [More]