小编ens*_*xte的帖子

以下代码在safari中呈现完美的旋转圆,但不在chrome中.

<style>
.circle{
    height:1000px;
    width:1000px;
    background-color:#000;
    border-radius: 50%;
}

@-webkit-keyframes rotating {
from{
    -webkit-transform: rotate(0deg);
}
to{
    -webkit-transform: rotate(360deg);
}
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    -webkit-transform-origin: center;
}
</style>

<div class="circle rotating">
</div>

http://jsfiddle.net/p4ban9cs/

它不能完美呈现,旋转大圆时问题是可见的,就像镀铬上的摆动圆圈一样.

谢谢你的帮助.