代码如下
i =0;
$('.aa').click(function(){
setInterval(function(){
i = i +10;
$('.aa').css({
transform:'rotate('+i+'deg)'
})
},100);
})
$('#ul').click(function(){
setInterval(function(){
i = i +10;
$('#ul').css({
transform:'rotate('+i+'deg)'
})
},100);
})

html
<h1>把上面的图形变成下面的图形</h1>
<ul class="aa">
<li></li>
<li></li>
<li></li>
<li></li>
<button>asdasd</button>
</ul>
<ul id="ul">
<li class="one"></li>
<li class="two"></li>
<li class="thr"></li>
<li class="fou"></li>
<button>asdasd</button>
</ul>

css
ul li{
list-style: none;
width: 200px;
height: 200px;
background: #00ff00;
float: left;
}
.one{
border-top-left-radius: 0px;
border-top-right-radius: 200px;
border-bottom-left-radius: 200px;
border-bottom-right-radius: 0px;
}
.two{
border-top-left-radius: 200px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 200px;
}
.thr{
border-top-left-radius: 200px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 200px;
}
.fou{
border-top-left-radius: 0px;
border-top-right-radius: 200px;
border-bottom-left-radius: 200px;
border-bottom-right-radius: 0px;
}
#ul{
width: 404px;
height: 404px;
transform: rotate(45deg);
margin-left: 500px;
margin-top: 500px;
}

本人技术太渣 怎么也搞不到一点button自动正方形变风车！完全没思路阿

大神 帮帮小弟我吧

大神大神

大神！！！大神帮帮我做出来 无言感激你

大神 都不愿意帮助别人么么

大神 大神 大神