web前端鼠标放在div标签制成的盒子上如何实现图片一秒内由正方形变为圆形在变？
发布网友
发布时间：2022-05-18 08:28
共1个回答
热心网友
时间：2022-05-18 09:57
2、在图片样式绑定:hover事件，控制图片在鼠标悬停时变化
//定义动画
@-webkit-keyframes imgChange
{
0%{border-radius:0%;}
50%{border-radius:50%;}
100%{border-radius:0%;}
}
img:hover{
-webkit-animation-name:imgChange;
-webkit-animation-ration:1s;
-webkit-animation-timing-function:linear;
}
