Question

我有一个列表项，并且在javascript事件期间，我想要将其更改为看起来它正在消失在地平线中（即：不是在谈论它的动画 - 更像是过滤器，可能？）。

是否有一种html / css / javascript方式来添加渐进式透明度 - 并动态地执行此操作？元素已经有了背景，我不想更改已经存在的颜色或渐变（或者如果我这样做，我必须得到原始然后调整它？） - 只需要使元素淡出从上到下说？

到目前为止，我所看到的一切似乎都想要将背景图像调整为渐变颜色或改变整个元素的不透明度。

...对不起，如果这最终变得非常愚蠢而且我只是一个大脑放屁。

*更新* 以下是我想要的非常接近，除了我不知道如何在不知道背景是什么的情况下做到这一点（或者，我只是将其设置为其他东西）。

Answer 1

JavaScript为每个元素都有一个“不透明度”属性。

element.style.opacity

这是一个JSfiddle的例子： https://jsfiddle.net/7hurnjok/

请记住，您必须先设置元素的不透明度，否则它将无效。