Question

我正在尝试使用CSS一个接一个地从右到左动画并将图像滑动到屏幕上。

然而，我似乎无法实现这一目标。

图像只是在没有任何幻灯片动画的情况下同时出现。

这是我的JSFIDDLE：

我的整个CSS代码：

img {
    position: relative;
    margin-left: 0%;
    margin: 1em;
    animation: slide 4s 1;
  width:100%;
}
@keyframes slide {
    from { right: -150%; }
    to { left: 0%; }
}

基本上我需要实现的是流畅的动画。

有人可以就此提出建议吗？

我可以通过jQuery做到这一点，但那不是我之后的幻灯片动画，它也不像CSS动画那样流畅。

这是jQuery的工作版本：http://jsfiddle.net/RSk7n/95/

Answer 1

@keyframes slide {
    from { right: -150%; }
    to { right: 0%; }
}

CSS：将图像一个接一个地动画和幻灯片放到屏幕上？

1 个答案: