html - 将一个 css3 动画替换为另一个

Question

我希望能够为我网站上的某个图像设置动画效果(背景位置的缓慢过渡)。但是在特定的用户交互之后，我希望能够删除该动画并切换到不同的动画。我该如何实现？

Answer 1

你可以给它添加一个类:

.element{
    animation: first 1s forwards;
}
.element.clicked{
    animation: second 1s forwards;
}

这样，您就不必删除一个类。使用 jQuery，只需使用这个:

$('.element').click(function(){$(this).addClass('clicked');});