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;}