Ez az effekt is egy szr=filter segtsgvel jtt ltre. Az albbi kddal a linkelt kpeidnek rnyka lesz. Ha a pixeleket lltgatod, akkor kikisrletezheted a kdot, vagyis, hogy milyen nagy legyen az rnyk, milyen tvol legyen. A dlt bets rsz az, ami megadja az rnykot.
a img { /* linkelt kp */
border-style:solid ; /* keret stlusa */
border: 1px dotted #b6b6b6;
background:transparent; /* httr */
-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); /*rnyka*/
-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-style:solid;
border: 1px dotted #b6b6b6;
-webkit-filter: drop-shadow(1px 1px 3px black); /*rnyka*/
cursor: pointer;
background:transparent;
-moz-border-radius: px;
-webkit-border-radius:px;
filter: alpha(opacity=100); opacity: 1.0;}
Ezt a kdot, s a lerst n ksztettem, a szerkeszt, Haily! Becsld meg, s ne lopd el!
|