[css] 使用纯CSS代码实现动画的暂停与播放

一个属性：animation-play-state
取值：paused（暂停）|running（播放）
hover取代点击
.stop:hover~.animation {
animation-play-state: paused;
}

checked伪类
radio标签的checked伪类，加上实现点击响应
#stop:checked ~ .animation {
animation-play-state: paused;
}
#play:checked ~ .animation {
animation-play-state: running;
}

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题