CSS3 snippet to give your images a nice photo look and feel.

With CSS3 introducing box shadow, there is a nice and easy way to give your images a nice photo look and feel.

I use this at my project and portfolio pages.

In the following example I give the image class "photo".

CSS

img.photo {
	border:5px solid #FFF;
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
	-ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
}

Comment