jQuery动画（要将矩形转换为圆形）

这是我的代码，我想使用jQuery将这个矩形转换成圆形

$("#btn1").click(function(){
  $("#greenrec").animate({
    height:150,
    width:150,
    opacity: 0.6,
    borderWidth: "10px",
    marginLeft: "50px"
  }, 1000,"easeInBack");
})

---

要将矩形变换为圆形，可以将

边框半径

属性设置为

50%

，如下所示：

$（“#btn1”）。单击（函数（）{
$（“#greenrec”）。设置动画({
身高：150，
宽度：150，
不透明度：0.6，
边框宽度：“10px”，
边缘左侧：“50px”，
边界半径：“50%”
}，1000，“简易备份”）；
})

#greenrec{
宽度：150px；
高度：150像素；
背景色：#0C0；
}

改变