CSS3渐变图像透明

Question

有什么方法可以在 CSS3 的背景图像中对图像进行透明渐变？

我试过这个:http://jsfiddle.net/meo/e95pw/3/

目标是在CSS3中做一个镜像效果。

我找不到倒影背后的背景颜色，因为可能是有背景图片或图案。

欢迎任何输入。

编辑我需要的是 Photoshop Image Mask 但在 CSS 中。

Answer 1

您可以在纯 CSS3 中实现:

http://jsfiddle.net/g105b/xaX6r/

/* Example for webkit only */
img{
    margin: 0;
    padding: 0;
    -webkit-box-reflect: below 1px
    -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.4, transparent), to(white));
}