Ez az effekt inkább azokon az oldalokon fog jól mutatni, ahol a kinézet sárga. Mivel az effekt "sárgásítás", magyarul szépia. Olyan kód, amelyel a képek a sárga színeit veszik fel. Íme a kód:
a img { /* linkelt kép */
border-style:solid ; /* keret stílusa */
border: 1px dotted #b6b6b6;
background:transparent; /* háttér */
-moz-transition: all .6s ease-in-out;
-webkit-filter: sepia(0.5);
-o-transition: all .6s ease-in-out;
cursor: pointer; /*kurzor*/
-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-style:solid;
border: 1px dotted #b6b6b6;
-webkit-filter: sepia(0.5);
cursor: pointer;
background:transparent;
-moz-border-radius: px;
-webkit-border-radius:px;
filter: alpha(opacity=100); opacity: 1.0;}
Az effektet Haily készítette, mint a tutorialt!
|