他們是如何做到在http://labs.saurabh-sharma.com/themes/cruz/wp/

Question

頁中的作用他們是如何做到在http://labs.saurabh-sharma.com/themes/cruz/wp/

頁中的作用，我認爲他們在現有圖像上放置0％不透明度的新圖像，並緩慢地將不透明度增加到100％，而不改變現有圖像的不透明度。 （所以在100「滴答」後，新圖像將覆蓋舊圖像）

或者是新圖像的不透明度從0到100％而舊圖像的不透明度從100％變爲0同時？

還是別的什麼？

那麼效果看起來非常好，所以我試圖建立這樣的東西，並想知道他們是如何做到這一點。

Answer 1

看起來他們正在使用Nivo Slider（http://nivo.dev7studios.com/）。

但是，實際的動畫是舊圖像褪色到0％不透明度，新圖像同時褪去100％不透明度。