Tak na prawdę, ten cień to wcale nie jest cień, po prostu za pomocą filtra alpha zmieniamy krycie obrazka.
.alfa img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.alfa:hover img {
filter: alpha(opacity=100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
}
<a href="#" class="alfa"><img src="images/obrazek.png" alt="tekst alternatywny" /></a>
kliknij żeby zobaczyć demo
