CSS 多图像淡入淡出答案

【问题标题】：CSS Multiple Image CrossfadeCSS 多图像淡入淡出
【发布时间】：2016-11-08 14:59:32
【问题描述】：

我一直在寻找这个问题的答案几个小时，但我仍然没有想出任何真正有效的方法！

我有一个 div 包含 3 个 img 元素。我想在无限循环中淡出每个到下一个。

我知道它可能包含动画，但我无法确切了解它的工作原理以及我需要更改哪些位以使淡入淡出适应我的需要。

感谢大家的帮助！我真的很感激，只是想弄清楚这一点，因为我以前使用过 .gifs，我觉得是时候继续前进了！

以防万一您确实需要代码：

    <div id="showcase">
        <img src="../images/showcase/iphone2.png" width="175" height="202" />
        <img src="../images/showcase/m4.png" width="175" height="202" />
        <img src="../images/showcase/alloy.png" width="175" height="202" />
    </div>

正如我所说，我查看了许多示例，我只是在寻找使用 CSS 从一个到另一个的基本淡入淡出。我宁愿不使用 JavaScript。

【问题讨论】：

您有什么尝试解决这个问题的吗？如果您告诉我们您到目前为止所做的尝试，我们将更愿意回答您的问题。（提出更好问题的有用链接：How to Ask、FAQ）
“我不想使用 JavaScript。”有什么特别的原因吗？
我相信这在 CSS 中是完全可能的，因此我想学习这种方式以及 JS 的可能性。我已经搜索了几个网站并尝试了他们的方法，但更多的问题是我无法理解动画在 CSS 中的工作原理。
可能重复：Multiple image cross fading in CSS - without (java) script

标签： css image animation fade

【解决方案1】：

尝试使用 css 动画： http://www.w3schools.com/css3/css3_animations.asp

注意：这不适用于非 css3 浏览器。

【讨论】：

感谢帮助，我终于成功了！干杯！
网站仍然对这个话题给出了很好的解释。