Picture Frame Using Box Shadows

Joshua Hibbert

• 37060
• 10
• 0

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:

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