将现有网页渐变转换为单一颜色的透明叠加

时间:2012-09-02 19:45:29

标签: css

我想要实现的是将现有的网页渐变使用十六进制颜色值更改为一个只有黑色的网页渐变,并添加了不透明度,以便在需要时使背景颜色变暗。

所以,转换一下:

background-color: #76b347;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
background-image: linear-gradient(top, #76b347, #5e9e2e);

对于这样的事情(但是使用正确的值,所以它看起来一样):

background-color: #76b347;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));

0 个答案:

没有答案