Image Shadow

Something as simple as a bit of shadow, can change a lot.







To apply shadow to all images on a website, open up your style.css file and add the below code.
This will give all Img tags, the shadow.

  1. img {box-shadow: 3px 3px 3px #7C7C7C;}



To avoid all image getting the shadow,  it can also be placed on each picture by it self.
<img src="path/to/image.jpg" alt="demo-image" style="box-shadow: 3px 3px 3px #7C7C7C;" /> 
this also lets you change shadow color and such for each picture.

Leave a Reply

Your email address will not be published. Required fields are marked *