关于css3兼容safari的问题

Question

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

PHP中文网 · Answer

If you write the animation in js and insert it into the dom, it is best to set the animation-play-state attribute of the element:

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

In addition, when setting animation, you must also add the -webkit- prefix

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