對鑽石的旋轉效果

Question

我在頁面上有一顆鑽石，我的鑽石是用css properties.i創建的，希望在頁面加載完成後，鑽石動畫。 有沒有解決方法？ 這是我的代碼jsfiddle

Answer 1

演示：http://jsfiddle.net/robschmuecker/WhZym/715/

您需要添加CSS transition-duration財產

CSS：

.rotate { 
    background: #F02311; 
    color: #FFF; 
    width: 200px; 
    height: 200px; 
    text-align: center; 
    font: normal 1em Arial; 
    position: relative; 
    top: 50px; 
    left: 50px; 
    -webkit-transition-duration: 5s; /* Safari */ 
    transition-duration: 5s; 
} 

，然後還加360

Answer 2

旋轉你可以把你的代碼加載完成在這裏：

$(document).ready(function(){ 
//place for page load Complete code 
} 
);