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: #ffffff;
padding: 10px;
background: url(/images/scripts/image-effects/011.gif);
background-position: center right;
margin: 0px;
-webkit-transition: .9s ease-in;
-moz-transition: .9s ease-in;
-o-transition: .9s ease-in;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
img:hover {
background: url(/images/scripts/image-effects/011.gif);
background-position:center center;
}
</style>
1 249 megtekintés