CSS多圖像交叉淡化

我一直在尋找幾個小時的答案，我還沒有拿出任何真正有用的東西！CSS多圖像交叉淡化

我有一個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。

來源

2013-06-21 user2195574

你有沒有試圖解決這個問題？如果您告訴我們迄今爲止已嘗試的內容，我們將更願意回答您的問題。（有用的鏈接，提出更好的問題：[問]，[FAQ]） – Doorknob

爲什麼沒有JavaScript？ – j08691

「我不想使用JavaScript。」這有什麼特別的原因？ –

嘗試使用CSS動畫： http://www.w3schools.com/css3/css3_animations.asp

注：這不會與非CSS3瀏覽器。

來源

2013-06-21 13:26:52

謝謝你的幫助，我終於做到了！乾杯! – user2195574

不要參考w3schools .. http://www.w3fools.com/ –

但網站仍然給出了有關該主題的很好的解釋。 –

CSS多圖像交叉淡化

回答

相關問題