背景图片鼠标悬停的动画效果
思路: 通过改变
background-position
结合过渡
transition
实现
.zy li {
background: url("../../assets/img/03.png") no-repeat -300px 0;
}
.zy li:hover {
transition: background 0.3s;
background: url("../../assets/img/03.png") no-repeat 0 0;
}