Javascript 使用CSS动画内容的幻灯片放映

我有一个幻灯片和3个图像。对于每个图像，我需要在图像顶部添加一些内容，文本需要从右向左移动，并在3秒内消失。然后它会滑到第二个图像，我必须再次从右向左显示内容，这次在文本后面有一个背景框

如何在css中制作这种动画？此外，此滑块需要兼容所有浏览器

谁能给我一个提示吗

---

提前感谢。

您完全可以使用CSS制作此类动画，但您必须使用javascript来触发动画。您所说的方法不适用于所有浏览器。如果可以对项目使用jQuery，则可以使用动画功能。此外，它还可以兼容人们使用的所有浏览器

对于CSS方法，可以使用

动画

属性，如下所示

@keyframes {
    from { color: #fff; } to { color: #000; }
}
@-webkit-keyframes {
    from { color: #fff; } to { color: #000; }
}
.myanimatedclass{
    animation: myanimation 2s ease-in;
    -webkit-animation: myanimation 2s ease-in;
}

对于jQuery方法，请查看jQuery的动画功能。你会找到你需要的一切。

---

您需要提供更具体的信息。你有没有其他地方见过的例子？例如，您只需要一个简单的滑块吗？--或者你是说除了滑块之外，你还想从不同的角度滑入片段？你可以使用jquery图像滑块库。只要搜索一下，你就会发现很多……类似于？@HunterRose的东西。我没有样本。它就像普通滑块一样，但通常我们只有包含图像。在这种情况下，他们希望图像作为背景，然后一旦图像显示，文本将在一秒钟后从左到右显示。然后在3秒钟后，图像将更改为第二个图像，另一个内容将再次显示。大概就是这个意思。