CSS3 + images

by htmlzengaren

HTML

<p><span class="img"><img src="http://dummyimage.com/200x200/F00/FFF" alt="" /></span></p>

<p><span class="img"><img src="http://dummyimage.com/300x100/0F0/FFF" alt="" /></span></p>

<p><span class="img"><img src="http://dummyimage.com/100x100/00F/FFF" alt="" /></span></p>

CSS

span.img {
    display: inline-block;
    position: relative;
}
span.img img {
    display: block;
}
span.img:before {
    content: '';
    box-shadow: 0 0 20px #000 inset;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}