css - 我无法让我的动画在 h1 元素上运行

Question

这是我的代码，包括 CSS 部分的动画和我要应用它的 H1 元素。

Answer 1

事实上，动画没有任何问题，但 left 实际上对静态定位的 h1 没有任何影响。

您是否尝试过将 left 更改为 margin-left，或者将 position: relative 添加到 h1？像这样:http://plnkr.co/edit/x6JythFhtrF8UFeqKtyG?p=preview

另外，我相信你想让它无限运行，否则无法观察到 alternate，因此你可能想将 infinite 作为 animation-iteration -计数

h1 {
  position: relative; /* TRY TO ADD THIS */
  animation: enter 5s linear alternate infinite; /* OPTIONAL infinite */ 
}
@keyframes enter {
  from {
    left: 0em;
  }
  to {
    left: 20em;
  }
}