作者：明恋夏日2 | 来源：互联网 | 2023-10-15 10:00
因为实现方式比较简单，直接上代码：
效果图：
特别说明：
当鼠标移动到图片上时，动画效果分别是15%和40%，15%*4+40%=100%。
但是当容器的大小和图片大小不是整除的时候，这一块动画效果就应该设置的总和小于100%，具体多少，还要根据相除的余数决定。
这一块这样设计是因为：当启动动画效果时，百分比是16位小数点，然后相加可能会大于100%，就会出现浮动问题。
详见下图：
为了更好地对比，设置.wrapper{width:640px;}，看一下效果图：
京公网安备 11010802041100号