我无法让我的动画在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-count

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