旋转对钻石的影响

Question

我在页面上有一个钻石，我的钻石是用css属性创建的。我希望在页面加载完成后，钻石动画。 这有什么解决方案吗？ 这是我的代码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
}
);