Ajax Loader
×

Google Map Folded with CSS

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:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Google Map Folded with CSS

    CSSDeck G+