常用的css动画旋转
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> #box { background:red; color:#fff; width:100px; height:100px; } #box:hover{ transform: rotateY(360deg); transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; } </style> <body> <div id="box">Lee</div> </body> </html>
原文：http://www.cnblogs.com/CyLee/p/5377722.html