Javascript 从上到下淡入图像

我正在尝试将图像从顶部淡入底部，有什么方法可以做到这一点吗？我一直在寻找插件，但到目前为止还没有任何运气

你可以在图像上加一个div，然后淡出背景

    .overlay {
        content: '';
        width: 200px;
        height: 200px;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);

    }

---

我在一篇文章中这样做了，阅读你的问题，因为你想从顶部逐渐淡入。如果是这样，这可能是一个开始：

基本上使用图像上方的绝对div并逐渐设置渐变

this.setFade = function() {
    this.fad.style.background = 
    "linear-gradient(to bottom, " + 
    "rgba(255,255,255,"+(this.pts/100)+") 0%," + 
    "rgba(255,255,255,"+(this.pts/this.aggr)+") 100%)";
}

你也可以通过这样的方式逃脱：

---

主要使用CSS转换在具有渐变背景的元素上实现不透明度。将需要一些调整。

到目前为止您尝试了什么？你的意思是让悬停时的图像从上到下淡入淡出，还是让图像淡入背景？这更像是一个CSS问题。向我们展示您尝试过的内容。谢谢，我试图找到类似的内容，但在web上找不到。@Crossman:请注意，这不是跨浏览器解决方案。只是作为一个开始。如果你看一看那一撮酸，你会发现你可能需要添加什么。