@keyframes rotateAnimate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.img {
width: 200px;
height: 200px;
border-radius: 50%;
animation: rotateAnimate 5s linear infinite;
}
.active {
animation-play-state: running;
}
.paused {
animation-play-state: paused;
}
css实现动画的暂停和播放
最新推荐文章于 2024-04-16 13:14:17 发布