我想存档背景线性渐变（向右，从浅粉色到红色）并垂直淡出（向下，到白色或不透明度为0），但似乎无法通过使用CSS线性渐变来实现。

<代码>背景：线性渐变（向左，RGBA（224，130，131，0.8），RGBA（207，0，15，0.8））；

任何想法如何存档这种效果，而不使用静态图像？

顺晟科技：

你需要面具：

<代码>.box{高度：100px；位置：相对；边框：1px实心；}.框：在{内容：“ ”；位置：绝对；插入：0；-webkit-mask：线性渐变（#000，#0000）；背景：线性梯度（向左，RGBA（224，130，131，0.8），RGBA（207，0，15，0.8））；}

<代码><；DIV类=“框”>；<；/DIV>；

如果你想实现一个从浅粉色到红色的背景渐变，然后在底部淡出。

这可能对你有帮助。

<代码>.divx{位置：相对；Z指数：0；背景：线性梯度（向右，RGBA（224，130，131，0.8），RGBA（207，0，15，0.8））；/*忽略以下内容*/宽度：100%；高度：自动；最小高度：150px；}.divx：之后{内容：' '；位置：绝对；宽度：100%；高度：100%；顶部：0；左：0；Z指数：1；背景：线性渐变（180deg，透明，RGB（255255255））；}.divxcontent{位置：相对；Z指数：3；}

<代码><；DIV类=“ divX ”>；<；DIV类=“ divxContent ”>；<；H1>；测试测试<；/H1>；<；/DIV>；<；/DIV>；

然后在.divx中添加另一个DIV，并将position：relative和Z-index设置为3，以使内容位于所有内容之上。