SOURCE

<div class="main-box">
    <div class="item item1">元素1</div>
    <div class="item item2">元素2</div>
    <div class="item item3">元素3</div>
    <div class="item item4">元素4</div>
    <div class="item item5">元素5</div>
</div>

.main-box{
position: relative;
width:300px;
height: 300px;
border: 1px solid #ccc;
margin: 50px auto;
border-radius: 50%;
animation: spin 10s linear infinite;
}
.item{
 border: 1px solid #f00;
 position: absolute;
 width:60px;
 height: 30px;

}
.item1{
    top: -4%;
    left:42%;
   
}
.item2{
    top: 24%;
    left:88%;
}
.item3{
   top: 76%;
    left:84%;
}
.item4{
   top: 76%;
    left:4%;
}
.item5{
   top: 30%;
    left:-8%;
}
@keyframes spin{
  0%{transform:scaleY(.4) rotate(0deg);}
	100%{transform:scaleY(.4) rotate(360deg);}
}