CSS3 to achieve border rotation effects when hovering over a mouse

This time to everyone to bring CSS3 to achieve the mouse hover border rotation effect, CSS3 to achieve the mouse hover when the border rotation effect of attention to what, the following is the actual case, together to see.

Pure CSS3 effect of mouse hover border rotation:

The implementation code is as follows, the comments in the code are more detailed, no longer say:

<!     DOCTYPE html>
Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Recommended reading:

Bootstrap Realization Price List

Using CSS to achieve embossed effects

CSS implementation with arrow process visible progress bar