具有透明度的渐变

Question

具有透明度的渐变！[输入图片说明] [1]

我想在底部应用透明多色渐变，如下图所示。 我发现几页解释这一点，但仍然无法正常工作。

我试着用这个小提琴http://jsfiddle.net/QEhsG/2/（在stackoverflow上找到），但我不能完美地得到黑色和白色的组合。

任何帮助？

Answer 1

给你alpha= 0你的第一个rgba。这样写

button { 
    background-color: black; 
    background-image: -webkit-linear-gradient(top, rgba(252, 252, 252, 0) 0%, rgba(186, 186, 186, 1) 100%); 
    background-image: -moz-linear-gradient(top, rgba(252, 252, 252, 0) 0%, rgba(186, 186, 186, 1) 100%); 
    width: 200px; 
    height: 100px; 
} 

入住这http://jsfiddle.net/QEhsG/6/

修订

http://jsfiddle.net/QEhsG/8/