当前位置:  开发笔记 > 前端 > 正文

CSS3动画播放状态的简写在IE和Safari中不起作用

如何解决《CSS3动画播放状态的简写在IE和Safari中不起作用》经验,为你挑选了0个好方法。

我正在研究在同一元素上不时有多个动画并切换animation-play-state paused到的项目running.

当我试图添加一个具有动画速记语法的类时,包括animation-play-state:running那时它在IE和Safari中不起作用.

.fadein-left {
    -webkit-animation: fadeInLeft 1s 2s both running;
    animation: fadeInLeft 1s 2s both running;
}

jsfiddle链接

但如果我animation-play-state在单独的行中使用,那么它在所有浏览器中都能正常工作.

.fadein-left {
    -webkit-animation: fadeInLeft 1s 2s both;
    animation: fadeInLeft 1s 2s both;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

jsfiddle链接

我在他们刚才提到的备注部分检查了msdn上的动画属性 -

但是,动画属性不指定animation-play-state属性的值.

是否可以使用animation-play-state速记动画或我必须在单独的行中使用它?

推荐阅读
mobiledu2402851173
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有