jQuery 点击图片让图片在旋转/停止 两个状态中切换 怎么做的

Question

类似于背景音乐 播放/暂停 圆形控制按钮

@keyframes rotate{

            0%{transform: rotate(0deg);}

            100%{transform: rotate(360deg);}

        }

music-switch{

-webkit-animation:rotate 6s linear infinite;

}

Answer 1

animatie可以通过animation-play-state:paused/running;来控制动画的状态，paused表示暂停，running运行