問題描述

我想做兼容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;}