Ezen kód segítségével, a linkelt képeket varázslatos módon először fekete-fehérré, majd fokozatosan élesedő színes képpé változrathatod. Ezt a gray/szürke szűrő segítségével érhetjük el. De, hogy jobban értsd, itt a kód:

a img { /*  linkelt kép  */

border: 1px dotted #b6b6b6;

border-radius: px;  /*  keret kerekítése  */

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

cursor: pointer;

-webkit-filter: grayscale(100%);  

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

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

cursor: pointer;

-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: 1px dotted #b6b6b6;

cursor: pointer;

background:transparent;

-moz-border-radius: px;

-webkit-border-radius:px;

 opacity: 1.0;

-webkit-filter: grayscale(0%); 

-moz-border-radius: px;

-webkit-border-radius:px;

filter: alpha(opacity=100);

 opacity: 1.0;}