Javascript 他们是如何在网页上产生效果的http://labs.saurabh-sharma.com/themes/cruz/wp/

他们是如何在网页上产生效果的

我认为他们在现有图像的上方放置了一个0%不透明度的新图像，并在不改变现有图像不透明度的情况下将不透明度缓慢增加到100%。（因此，在100个“刻度”后，新图像将覆盖旧图像）

或者是新图像的不透明度从0变为100%，而旧图像的不透明度同时从100%变为0

还是完全是另外一回事

---

嗯，效果看起来很好，所以我正在尝试构建类似的东西，我想知道他们是如何做到的。

看起来他们正在使用Nivo滑块(http://nivo.dev7studios.com/)

---

但是是的，实际的动画是旧图像逐渐变为0%不透明度，而新图像同时逐渐变为100%不透明度。

但是你怎么知道的？你的意思是，你能从观察中看出，当新图像的不透明度为23%时，旧图像的不透明度为77%吗？