在实现页面动画时候,相比于使用js,使用css实现动画效果无疑开销要少很多。因此,推荐优先应该尽可能使用css来实现动画效果。这里面最常用的就是transition
属性了。下面举一个例子:
.box {
width: 128px;
height: 128px;
background-color: #c40a0a;
transition: border-radius 2s ease-out;
}
.box:hover {
borde
在实现页面动画时候,相比于使用js,使用css实现动画效果无疑开销要少很多。因此,推荐优先应该尽可能使用css来实现动画效果。这里面最常用的就是transition
属性了。下面举一个例子:
.box {
width: 128px;
height: 128px;
background-color: #c40a0a;
transition: border-radius 2s ease-out;
}
.box:hover {
borde