Minden esetben, ha linkelt képnél szeretnéd alkalmazni az effekteket úgy, hogy ha ráviszed az egeret, akkor változzon, akkor a kódrészt ebbe a részbe kell beillesztened:
a:link img, a:visited img {
ide jön a kódrész
}
a:hover img {
ide jön a kódrész
}
<style type="text/css">
img {
background-color: #fbceb1;
padding: 10px;
-webkit-transition: 1s;
-moz-transition: 1s ;
transition: 1s ;
}
img:hover {
background-color: #fbceb1;
padding: 10px;
-webkit-transform:scale(.857);
-moz-transform:scale(.857);
-o-transform:scale(.875);
-webkit-filter: grayscale(30%);
-webkit-transition: 1s;
}
--></style>
892 megtekintés