這期內容當中小編將會給大家?guī)碛嘘P怎么在css中設置元素一直旋轉，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯公司專業(yè)為企業(yè)提供同仁網站建設、同仁做網站、同仁網站設計、同仁網站制作等企業(yè)網站建設、網頁設計與制作、同仁企業(yè)網站模板建站服務，十余年同仁做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

css設置元素一直旋轉的方法：首先創(chuàng)建一個HTML示例文件；然后用img引入圖片；最后使用css樣式“transform:rotate(360deg)”設置元素旋轉360度，并通過animation-duration屬性設置動畫時長即可。

HTML代碼：

css圖片旋轉360度的動畫代碼示例如下：

.demo{text-align: center;
    margin-top: 100px;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.an{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.img{border-radius: 200px;}

效果圖：

上述就是小編為大家分享的怎么在css中設置元素一直旋轉了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。