控制animation暂停:animation-play-state

.active {
  animation-play-state: running;
}
.paused {
  animation-play-state: paused;
}

IOS低版本机型不支持animation-play-state

兼容写法:
@supports not(animation-play-state){
    .active {
        animation: 动画名字 2s linear infinite;
    }
    .paused {
        animation: '' 2s linear infinite;
    }
}        

不知道@supports是干嘛的可以看我前面写的这篇:使用@supports完美兼容CSS属性

 
posted @ 2021-05-19 15:45  青云码上  阅读(190)  评论(0编辑  收藏  举报