css中怎么让动画点击暂停

CSS中，我们可以通过使用animation-play-state属性来让动画点击暂停。

 .box {
        animation: myMove 5s infinite; /* 定义动画 */
        animation-play-state: running; /* 动画初始状态为运行 */
    }

    .box:hover {
        animation-play-state: paused; /* 鼠标悬浮时动画暂停 */
    } 

在上面的代码中，我们定义了一个名为"myMove"的动画，并设置为无限循环。使用animation-play-state属性，我们将动画的初始状态设置为"running"，表示运行。当鼠标悬停在元素上时，我们将animation-play-state属性的值设置为"paused"，表示暂停动画。

需要注意的是，animation-play-state属性需要放在animation属性的后面才能生效。