Ez az effekt is egy szűrő=filter segítségével jött létre. Az alábbi kóddal a linkelt képeidnek árnyéka lesz. Ha a pixeleket állítgatod, akkor kikisíréletezheted a kódot, vagyis, hogy milyen nagy legyen az árnyék, milyen távol legyen. A dőlt betűs rész az, ami megadja az árnyékot.

a img { /* linkelt kép */

 border-style:solid ; /* keret stílusa */

 border: 1px dotted #b6b6b6;

 background:transparent; /* háttér */ 

-moz-transition: all .6s ease-in-out;

 -o-transition: all .6s ease-in-out; 

cursor: pointer; /*kurzor*/

-webkit-filter: drop-shadow(1px 1px 3px black); /*árnyéka*/

-webkit-transition: all .6s ease-in-out; 

filter: alpha(opacity=60); /* átlátszatlanság */ 

opacity: 0.6;} /* átlátszatlanság */ 

 

a:hover img { /* linkelt kép, ha ráviszed az egeret */

border-style:solid; 

border: 1px dotted #b6b6b6; 

-webkit-filter: drop-shadow(1px 1px 3px black); /*árnyéka*/

cursor: pointer; 

background:transparent;

-moz-border-radius: px; 

-webkit-border-radius:px; 

filter: alpha(opacity=100); opacity: 1.0;}