CSS多图像交叉淡化

时间:2013-06-21 13:20:59

标签: css image animation fade

我一直在寻找几个小时的答案,我还没有想出任何真正有用的东西!

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

我知道它可能包含动画,但我无法准确理解我需要改变的工作和比特,以使衰落适应我的要求。

感谢您的帮助!我真的很感激这一点,只是试图解决这个问题,因为我以前使用过.gif文件,我觉得是时候继续了!

以防你想要代码:

    <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。

1 个答案:

答案 0 :(得分:0)

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

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