在 CSS 或 javascript 或 jquery 中是否有一种方法可以改变单个图像的不透明度及其高度。比如说我有一个 10 像素高的图像，我希望底部 1 像素不可见，因此不透明度为 0，倒数第二个像素为 0.1，并逐渐增加到最上面像素的不透明度 1。这种渐变的不透明应该给人一种反射的感觉，这就是我想要达到的效果。我已经研究并尝试过，但我所有的研究都没有证明有任何帮助。帮助将不胜感激。我正在标记 javascript 和 jquery，但我不确定它是否可以仅使用 css3 来实现。
最佳答案
使用简单的 css 是可能的:
background-image: url(...), -moz-linear-gradient(top, rbga(255,255,255,1), rbga(255,255,255,0));
background-image: url(...), -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
关于javascript - 使用图像的高度更改不透明度级别，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13816556/