将不透明度30%设置为线性渐变

时间:2018-11-16 20:33:32

标签: css

我一直在尝试将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%);
    }

1 个答案:

答案 0 :(得分:2)

您没有在rgba定义中指定任何alpha值。

这本质上是纯色:

rgba(243,104,25);

这是相同的颜色,但不透明度设置为30%:

rgba(243,104,25,0.3);