关于css3兼容safari的问题

Question

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

Answer 1

你如果是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;
}