CSS code to make image under mouse pointer go crazy,

CrazySpinny.css

/* Put class="crazy" in an img to to which you want to apply this CSS */
img.crazy {
    display: block;
    margin: 10em auto;
    /* That code is really just the opposite of the hover code. */
    transform: scale(1) rotate(720deg);
    /* How long transitions take */
    transition: all 1s;
}


/* Style applied when mouse pointer hovering */
img.crazy:hover {
    transform: scale(0.1) rotate(-720deg);
}