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-transform:scale(0.8);
        -moz-transform:scale(0.8);
        -o-transform:scale(0.8);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        opacity: 0.7;
        margin: 0 10px 5px 0;
}
img:hover {
        background-color: #fbceb1;
        padding: 10px;
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        box-shadow:0px 0px 30px gray;
        -webkit-box-shadow:0px 0px 30px gray;
        -moz-box-shadow:0px 0px 30px gray;
        opacity: 1;
}
--></style>

1 896 megtekintés