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: -moz-linear-gradient(bottom, #D1CDCD, #fff 75%); /* színátmenet Firefoxban */
        background: -webkit-gradient(linear, center bottom, center top, from(#D1CDCD), to(#fff)); /* színátmenet Chrome, Safari, stb-ben */
        padding: 10px; /* itt látszik a háttér színe, ha ez nem 0, hanem nagyobb szám */
}
img:hover {
        background: -moz-linear-gradient(bottom, #D1CDCD, #fff 75%); /* színátmenet Firefoxban */
        background: -webkit-gradient(linear, center bottom, center top, from(#D1CDCD), to(#fff)); /* színátmenet Chrome, Safari, stb-ben */
        padding: 10px; /* itt látszik a háttér színe, ha ez nem 0, hanem nagyobb szám */
}
–></style>

1 006 megtekintés