0

谁能告诉我我需要做什么才能让我的 css 滑块在 Safari 和 Chrome 上工作？

它在 Firefox 和 Opera 中运行良好 - 尚未在 IE 中测试。

非常感谢您的帮助

劳伦

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



figure { position: absolute; width: 500%;
margin: 0; top: 0; left: 0;
animation: 20s slidy ease-in-out infinite; }
4

2 回答 2

1

并不是说 iOS 不支持动画，而是 WebKit 的一个错误。他们在一月份解决了这个问题，并且由于 Chrome 的快速更新，它现在可以在 Chrome 中运行，但在 Safari 上不是这样，无论是移动版还是桌面版。

于 2013-10-02T05:13:12.333 回答
1

要使 @Keyframes 动画在基于 webkit 的浏览器上工作，您必须放置供应商特定的前缀，在这种情况下是@-webkit-keyframes和-webkit-animation.

您应该始终以特定的级联顺序指定所有这些： -moz、-webkit、和直接的。-o

阅读有关关键帧动画语法的更多信息。

于 2013-10-02T12:15:58.127 回答