Give images on your website a realistic, natural feel by adding a Polaroid® style, with irregular white borders, subtle shadows, and maybe even turning them on an angle.

In these two video tutorials from my old Pro Web Design Course, I show you how to do it in Photoshop (old version), and then using CSS3 properties. (The CSS3 video also reveals a neat trick for using background-color and padding on images!)

Polaroid Style in Photoshop (6 minutes)

Polaroid Style in CSS3 (15 minutes)

About the author

Ben Hunt

Ben has over 20 years' experience in web design and marketing, and is one of the most influential figures on the subject of effective web design. He has written a bunch of books and spoken at multiple conferences internationally. In 2015, Ben created Open-Source Marketing, which promises to turn the practice of marketing upside down.. Find out more at


Leave a comment:

Notify me of followup comments via e-mail. You can also subscribe without commenting.