Google Map Folded with CSS

Bartos Lazarski

• 21332
• 53
• 2

Great Mapholder with CSS. The map is just an iframe where the src is pointing to a location on Google map so that we get a nice map to work on. The map is overlayed by four divs to create the folded effect. Each div is used to create the shadow which is done using linear-gradient as the background. It's a very nice effect that can be used even on images to enhance them.

Thanks to Simon Wölfl for the modifications.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room