我一直在尝试将linear-gradient
的不透明度设置为30%。我将我的十六进制颜色代码转换为rgba颜色代码,然后将其设置为30%,所以每个颜色都与我阅读的相同,但这并不是我想要的,我希望整个渐变的透明度要比放置的图像高30%过度。现在,这只是我图像上的纯色渐变。请帮助!
.img-container::after {
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background: linear-gradient(to right, rgba(243,104,25) 30%, rgba(0,0,0) 30%);
}
答案 0 :(得分:2)
您没有在rgba定义中指定任何alpha值。
这本质上是纯色:
rgba(243,104,25);
这是相同的颜色,但不透明度设置为30%:
rgba(243,104,25,0.3);