我在div
内有一张图片。例如,我们假设这个div的background-color
为#000
。现在,我想让这个图像从左边向右边淡出。
我的意思是,第一列像素应该看起来具有100%的不透明度,而最后一列像素应该看起来具有0/1%的不透明度(最后一列像素将与背景相混合) DIV)。
我如何在CSS中完全执行此操作?图像将始终为50x50。
答案 0 :(得分:0)
您是否总是提前知道DIV的背景颜色?它总是纯色(不是渐变,没有纹理等)?你的图像宽度大致相同吗?如果是这样,我会创建一个与背景颜色相同的PNG,并让它在右侧淡入到完全透明。它可以是任何高度,因为我们将真正平铺它。
在PNG给出与图像相同的高度后,将PNG放在图像上,看起来图像会淡出到背景中。
答案 1 :(得分:0)
您可以在图像顶部叠加div
并为div设置渐变
http://tinkerbin.com/xXJQrgnk