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: .5s ease-out;
    -moz-transition: .5s ease-out;
    -o-transition:.5s ease-out;
}
img:hover {
    background-color: #fbceb1;
    padding: 10px;
    -moz-transform: rotate(2deg); /* mennyit mozduljon a kép */
    -o-transform: rotate(2deg); /* mennyit mozduljon a kép */
    transform: rotate(2deg); /* mennyit mozduljon a kép */
    -webkit-transform: rotate(2deg); /* mennyit mozduljon a kép */
}
</style>

1 196 megtekintés