Ajax Loader
×

Picture Frame Using Box Shadows

Picture Frame created using just box-shadow property, by Joshua Hibbert. Here, the body is used as the picture frame with it's background linking to the main image. This technique can be implemented on any other div element too. The picture frame is created using multiple box-shadow that creates depth to make it look like a real 3D object.

This technique won't work in browsers that doesn't support the box-shadow property, like IE8. So make sure you use a latest browser to view this technique. Take a look at the code to learn more about it.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Picture Frame Using Box Shadows

    CSSDeck G+