圆角过渡基本样式

圆角过渡
#a{
height:400px;
width:400px;
background-color:gray;
transition-duration:3s;
transition:3s;
}
#a:hover
{
border-radius:400px;
width:1900px;
}
#b{
height:300px;
width:300px;
background-color:red;
border-radius:400px;
padding: 50px;
transform:translateX(0px) rotate(0deg);
transition:1s ;
}
#b:hover
{
transform:translateX(1200px) rotate(880deg);
transition:1s ;
}