透明渐变![在此处输入图片描述][1]
我想在底部应用透明的多色渐变,如下图所示。 我发现几页对此进行了解释,但我仍然无法使其正常工作。
我试过这个 fiddle http://jsfiddle.net/QEhsG/2/ (在 stackoverflow 上找到)但我无法完美地获得黑白组合。
有什么帮助吗?
最佳答案
将 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/
更新
关于html - 透明渐变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11119079/