Css Safari关键帧不工作

好的，所以我一直在研究一个图像滑块，它在除了safari（苹果设备和windows safari）之外的所有浏览器上都能完美工作。我似乎不明白为什么它不能工作

有人有什么想法吗

@-webkit-keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

#slider { overflow: hidden; }
#slider figure img { width: 20%; float: left; }
#slider figure { 
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
animation: 30s slidy infinite; 
}

---

Safari需要前缀为

-webkit animation

的属性

#slider figure { 
position: relative;
width: 500%;
margin: 0;
left: 0;
text-align: left;
font-size: 0;
-webkit-animation: 30s slidy infinite; 
animation: 30s slidy infinite; 
}

---

你能告诉我们它在Safari上到底做了什么（或没有做什么），而你说它“工作不完美”吗？添加前缀

-webkit animation

感谢修复，它现在工作完美，它是一个简单的纯css图像sliderSafari 9（2015年9月发布）不再需要

-webkit-

前缀。根据CanIUse.com的数据，Safari 8.x及更早版本的使用率不到所有浏览器的1%。