他们是如何在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%不透明度。