html将div转换为圆形,使用HTML / JavaScript / CSS沿圆形路径移动div

您可以使用纯css3实现此目的.像这样写：

CSS

.dot{

position:absolute;

top:0;

left:0;

width:50px;

height:50px;

background:red;

border-radius:50%;

}

.sun{

width:200px;

height:200px;

position:absolute;

-webkit-animation-iteration-count:infinite;

-webkit-animation-timing-function:linear;

-webkit-animation-name:orbit;

-webkit-animation-duration:5s;

top:50px;

left:50px;

}

@-webkit-keyframes orbit {

from { -webkit-transform:rotate(0deg) }

to { -webkit-transform:rotate(360deg) }

}

HTML

更新