Ezen kd segtsgvel, a linkelt kpeket varzslatos mdon elszr fekete-fehrr, majd fokozatosan lesed sznes kpp vltozrathatod. Ezt a gray/szrke szr segtsgvel rhetjk el. De, hogy jobban rtsd, itt a kd:
a img { /* linkelt kp */
border: 1px dotted #b6b6b6;
border-radius: px; /* keret kerektse */
background:transparent; /* httr */
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); /* tltszatlansg */
opacity: 0.6;} /* tltszatlansg */
a:hover img { /* linkelt kp, ha rviszed 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;}
Igazsg szerint, ez egy egszen nagy kpeffekt, s a fekete-fehr rszt ennl a kddarabknl vltoztathatod meg: "-webkit-filter: grayscale(100%);"
s az rtkek lersa:
-webkit: a bngsz tpusa, jelen esetben alaprtelmezett. Ajnlom a Chrome-ban hasznlni a kdot, ms bngsz nem tmogatja.
filter: a szr tpusa
grayscale(100%): a szrke effekt rtke. Ha teljesen szeretnd az effektet, akkor 100%-ot kell belltanod. Viszont, ksrletezhetsz, te melyiket szeretnd.
Sajt rs, a kd is sajt!
| 
AJÁNLOM AZ OLDALT
