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.

Uploaded by Bartos Lazarski from codepen.io

Browser Support:

✓ Chro…