animation - 如何将过渡添加到 CSS3 动画步骤

Question

我有一些图像，我想只使用 css 自动显示。我正在为此制作动画。这工作正常。

http://jsfiddle.net/vinnizworld/Sap24/

但是我怎么能在动画的每个步骤中添加过渡。

Answer 1

@-webkit-keyframes move{
  0%{ margin-left: 0;  }
  10%{    margin-left: -440px;  }
  100%{    margin-left: -5440px;  }
}

from和to是方便的关键字，但使用%您可以添加任意数量的步骤。

Answer 2

你想要http://jsfiddle.net/Sap24/2/吗？像这样写：

.img-wrapper{
            width: 9999px;
            margin-left: 0;
            z-index: -1;
            -webkit-animation:move 25s linear infinite;
        }