作者:banli | 来源:互联网 | 2023-05-20 19:53
我有一个动画,我用来制作图像滚动:
.my-image:hover {
-webkit-animation: my-image-anim 20s linear 0s infinite;
animation: my-image-anim 20s linear 0s infinite;
}
@-webkit-keyframes my-image-anim {
0% { margin-left: 0%; }
100% { margin-left: -100%; }
}
@keyframes my-image-anim {
0% { margin-left: 0%; }
100% { margin-left: -100%; }
}
当我将鼠标悬停在图像上时,向左滚动.当鼠标离开图像时,动画将重置为margin-left=0
.
我希望动画在鼠标退出处停止,然后在鼠标再次进入时恢复.这可能只使用css吗?