关于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;
}