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.