When the mouse over the picture when the CSS how to achieve the picture rotation after the different effects show?

When browsing a webpage, when the mouse slides over a certain picture, then the picture changes dynamically, so that the effect is always very novel, and compelling. So how does this cool effect come true? This must be inseparable from the powerful CSS3 function. Not only can CSS3 image rotation can also achieve CSS rotation amplification, CSS rotation 90 degrees, CSS image rotation 45 degrees and other effects.

So this article introduces you to the mouse over the picture when the rotation after the different effects of the introduction.

The specific code examples are as follows:

<! DOCTYPE html>
Effects such as:

Hope this article about CSS rotation animation introduction, to the needs of friends help!