关于css3兼容safari的问题

问题描述

我想做兼容safari，但是写上@-webkit-transform没有效果，这段动画代码是用js添加的，前面那个添加动画@-webkit-keyframes，可以兼容safari，但是后面的动画效果不能兼容safari，这该怎么兼容呢？谢谢了

问题解答

你如果是js写完动画插入到dom中的话，最好设置元素的animation-play-state属性：

{ animation-play-state:running; -webkit-animation-play-state:state:running;}

另外设置animation的时候也要加上-webkit-前缀

{ animation: she1 xxx xxx; -webkit-animation: she1 xxx xxx;}