用css3寫一個可以無限旋轉的div或者圖片

<div class="trans">

 

</div>

 

css

.trans{

display: inline-block;

width:100rpx;

height:100rpx;

border:1px solid red;

border-radius: 50%;

overflow: hidden;

animation: rotate 3s linear infinite;   linear// 意思就是勻速的運動   infinite// 就是無限滾動的意思

}

@keyframes rotate{from{transform: rotate(0deg)}

to{transform: rotate(360deg)}

}