CSS移动动画在FF或IE中不起作用,我有所有的供应商前缀,已经研究了好几天了
我已经在谷歌和stackoverflow上研究了好几天了。似乎没有什么帮助,我相信我有每一个必要的供应商前缀以及所有正确的代码。我甚至让其他开发人员帮我看了这个,他们认为它看起来是正确的。我正在尝试一个移动动画的文本滚动使用CSS动画。我不确定我是否遗漏了一些明显的东西,是否有输入错误,或者是否只是不可能在FF和IE上使用它。它在Chrome和Safari上运行良好。请对我放松点,这是我的第一个问题。我已经认真地花了至少6-8个小时研究并试图找出我做错了什么,但没有运气。我能够做出一些被推荐的调整,但在FF或IE中没有任何东西能让它对我起作用 这是我的HTML:CSS移动动画在FF或IE中不起作用,我有所有的供应商前缀,已经研究了好几天了,css,firefox,animation,Css,Firefox,Animation,我已经在谷歌和stackoverflow上研究了好几天了。似乎没有什么帮助,我相信我有每一个必要的供应商前缀以及所有正确的代码。我甚至让其他开发人员帮我看了这个,他们认为它看起来是正确的。我正在尝试一个移动动画的文本滚动使用CSS动画。我不确定我是否遗漏了一些明显的东西,是否有输入错误,或者是否只是不可能在FF和IE上使用它。它在Chrome和Safari上运行良好。请对我放松点,这是我的第一个问题。我已经认真地花了至少6-8个小时研究并试图找出我做错了什么,但没有运气。我能够做出一些被推荐的调
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Special+Elite">
<div class="text-scroll">
<p>I'm a</p>
<div class="scrolling-words">
<p>front end engineer.</p>
<p>curious creator.</p>
<p>knowledge junkie.</p>
<p>collaborator.</p>
</div>
<div></div>
</div>
感谢所有帮助你的人。我在CodePen中也有我的代码,这里:用100%替换第二个80%对我来说很有用:
@keyframes move {
0% { top: 0px; }
20% { top: -56px; }
40% { top: -110px; }
60% { top: -167px; }
80% { top: -175px; }
100% { top: -0px; }
}
无论如何,您不需要特定的浏览器属性。所有最近的浏览器都支持CSS转换。非常感谢,就这样!我不敢相信事情竟如此简单。我在这上面花了很多时间。我真的很感谢你的帮助!
@keyframes move {
0% { top: 0px; }
20% { top: -56px; }
40% { top: -110px; }
60% { top: -167px; }
80% { top: -175px; }
100% { top: -0px; }
}