Ei pessoal,
tenho uma pequena solução para vocês. Tive o problema de obter uma sombra de caixa de inserção nas imagens. Por isso tento algo em CSS e funciona!
Markup
<div class="thumb">
<a href="#">
<img src="img.jpg" alt="avatar" title="bla">
</a>
</div>
CSS
.thumb {
a {
position: relative;
line-height: 0;
display: inline-block;
&:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-box-shadow: (inset 0 1px 5px rgba(0,0,0,.55);
-moz-box-shadow: (inset 0 1px 5px rgba(0,0,0,.55);
box-shadow: (inset 0 1px 5px rgba(0,0,0,.55);
}
&:hover {
opacity: .7;
}
}
}