我们可以将两个渐变放在另一个上

Question

以下是我对div的线性渐变：

div{
background: linear-gradient(112deg,#A0148C , #FF2896 37.1%, #F05A00 81.3%);
}

我们可以在这个上放置另一个CSS渐变（就像这个渐变上的另一个层）吗？

Answer 1

是的，你可以只列出属性中的背景，用逗号分隔。请记住，在'上'渐变中需要有一些透明度，以便在下面看到'下'渐变：

div{
background: linear-gradient(rgba(255,0,0,0.2), rgba(0,0,255, 0.5)), linear-gradient(112deg,#A0148C , #FF2896 37.1%, #F05A00 81.3%);
}