我希望动画在激活时触发，并在活动状态消失后继续

Question

我希望当有人点击某个按钮时启动动画，但是当他们取消点击时继续/完成动画。

&:active > .ripple {
    -webkit-animation: ripple 3s infinite;
  }

只要按住按钮，动画就会继续。有没有办法用css实现这个或者我需要使用JS吗？对于JS来说，我很绿，所以希望只用css来实现。

谢谢！

Answer 1

您是否尝试过CSS属性

＆amp ;: focus＆gt; .ripple {

-webkit-animation：涟漪3s无限;
}

它基本上是JavaScript中的'onclick'

告诉我你是否适合

干杯！