Ha ezt a kódot beilleszted a kódodba, akkor a képek először haloványak, majd amint ráviszed az egeret, fokozatosan kiélesednek. Demóval sajnos nem szolgálhatok, de az oldalon jelenleg is ez van használatban :)
a img { /* inaktív linkelt kép */
border: 1px dotted #b6b6b6; /*keret mérete, stílusa és színe*/
-moz-transition: all .6s ease-in-out; /*hány másodperc alatt változzon át teljessé Mozzilában*/
-o-transition: all .6s ease-in-out; /*hány másodperc változzon alatt át teljessé Operában*/
-webkit-transition: all .6s ease-in-out; /*hány másodperc alatt változzon át teljessé Googleban*/
filter: alpha(opacity=60); /* átlátszatlanság */
opacity: 0.6; /*átlátszatlanság mérete, ez jó, ha egyenlő a fentivel*/
cursor: pointer;} /*a kurzorod*/
a:hover img { /*aktív linkelt kép*/
border: 1px dotted #b6b6b6; /*keret mérete, stílusa és színe*/
filter: alpha(opacity=100); /*átlátszatlanság mérete*/
opacity: 1.0; /*átlátszatlanság mérete, ez jó, ha egyenlő a fentivel*/
cursor: pointer;} /*a kurzorod*/
Na ugye, hogy nem is nehéz? Ha nem sikerült, akkor kérlek írj nekem a chatben segítségért!
|