场景描述
页面开发中,使用动画效果,hover时过渡,离开时显得比较生硬,影响体验,使用mouseover,mouserout太过繁琐
修复
例如:对图片做hover放大处理
.image{
transition: all 1s linear;
}
.image:hover{
cursor: pointer;
transition: 0.2s;
transition-duration:1s;
transform:scale(1.2);
transition-timing-function:ease-in-out;
}