有css动画的问题

Question

刚刚创建了一个动画，但它无法正常工作我希望它能从右到左使它成为一条但它不起作用任何人都可以帮助我

**https://jsfiddle.net/pvoytah3/**

Answer 1

首先你使用.active .leftanm2和.lefttanm2不在.active中。 第二：在.lefttanm2中以绝对值定义位置，而不是在关键帧动画中定义。

.leftanm2 {
  position: absolute;
  animation-duration: 1.5s;
  animation-name: slideleft2;
}

@keyframes slideleft2 {
  from {
    right: -51%;
  }

  to {
    left: 0%;
  }
}

PD：您可以使用边距而不是位置更适合平滑过渡