Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS移动动画在FF或IE中不起作用,我有所有的供应商前缀,已经研究了好几天了_Css_Firefox_Animation - Fatal编程技术网

CSS移动动画在FF或IE中不起作用,我有所有的供应商前缀,已经研究了好几天了

CSS移动动画在FF或IE中不起作用,我有所有的供应商前缀,已经研究了好几天了,css,firefox,animation,Css,Firefox,Animation,我已经在谷歌和stackoverflow上研究了好几天了。似乎没有什么帮助,我相信我有每一个必要的供应商前缀以及所有正确的代码。我甚至让其他开发人员帮我看了这个,他们认为它看起来是正确的。我正在尝试一个移动动画的文本滚动使用CSS动画。我不确定我是否遗漏了一些明显的东西,是否有输入错误,或者是否只是不可能在FF和IE上使用它。它在Chrome和Safari上运行良好。请对我放松点,这是我的第一个问题。我已经认真地花了至少6-8个小时研究并试图找出我做错了什么,但没有运气。我能够做出一些被推荐的调

我已经在谷歌和stackoverflow上研究了好几天了。似乎没有什么帮助,我相信我有每一个必要的供应商前缀以及所有正确的代码。我甚至让其他开发人员帮我看了这个,他们认为它看起来是正确的。我正在尝试一个移动动画的文本滚动使用CSS动画。我不确定我是否遗漏了一些明显的东西,是否有输入错误,或者是否只是不可能在FF和IE上使用它。它在Chrome和Safari上运行良好。请对我放松点,这是我的第一个问题。我已经认真地花了至少6-8个小时研究并试图找出我做错了什么,但没有运气。我能够做出一些被推荐的调整,但在FF或IE中没有任何东西能让它对我起作用

这是我的HTML:

<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;   }
  }