css - 悬浮时如何停止悬浮的动画

有没有办法在悬浮时停止悬浮的动画？

:hover

这是显示动画的链接：

https://codepen.io/youbiteme/pen/RprPrN

最佳答案

只需在svg悬停上添加动画暂停

.svg:hover .shaddow,
.svg:hover .right-movment,
.svg:hover .left-movment,
.svg:hover .leon
{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}

Updated Pen