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;
        border-radius: 50%;
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        filter: alpha(opacity=0);
        opacity: .0;
}
--></style>

1 413 megtekintés