css旋轉

 -webkit-animation:run 6s linear 0s infinite;

語法：

animation: name duration timing-function delay iteration-count direction; 

name：是@-webkit-keyframes中須要指定的方法，用來執行動畫
duration:動畫一個週期執行的時長
timing-function:動畫執行的效果，能夠是線性的，也可使「快進慢出的」
delay：動畫延遲的時間
iteration-count:動畫循環的次數，若是是infinite，則無限循環
direction：動畫執行的方向

.xz{
            width:280px;
            height:279px;
            background:url("http://sandbox.runjs.cn/uploads/rs/115/qmcnjqkc/nt2.png") no-repeat;
            border-radius:140px;
            -webkit-animation:run 6s linear 0s infinite;
        }
        .xz:hover{
            -webkit-animation-play-state:paused;
        }
        @-webkit-keyframes run{
            from{
                -webkit-transform:rotate(0deg);
            }
            to{
                -webkit-transform:rotate(360deg);
            }
        }

<div class="xz"></div>