Using CSS3 to implement the Avatar rotation effect instance code

This article mainly introduced the CSS3 realizes the Avatar rotation effect, the small compilation thought quite good, now shares to everybody, also gives everybody to make a reference. Let's take a look at it with a little knitting.

The mouse is not placed on the effect:

Rotate the effect after the mouse is placed:

Transition:all 2.0s; indicates that all attribute transformations are completed within 2 seconds;

Transform:rotate (360deg); indicates that the picture is rotated 360 degrees.

<! DOCTYPE html>