CSS渐变将div从左下到右上分成两半

是否有可能仅通过梯度特性实现它？ 它应该是什么样子的：

我尝试过这个，但它没有正确地分割它

@mixin content-cropped-shape($color, $color2){ background: $color; background: linear-gradient(135deg,$color 0%, $color 50%, $color2 50%, $color2 100%); } @混合内容裁剪形状（$color，$color2）{ 背景：颜色； 背景：线性渐变（135度，$color 0%，$color 50%，$COLOR250%，$COLOR2100%）； }

---

是的，你可以。使用“到右下角”并移除角度

div{
背景：rgb（255255）；
背景：线性梯度（右下角，rgba（255255,1）0%，rgba（255255,1）50%，rgba（255,0,4,1）50%，rgba（249,0,4,1）100%）；
高度：200px；
}

---

是的，你可以。使用“到右下角”并移除角度

div{
背景：rgb（255255）；
背景：线性梯度（右下角，rgba（255255,1）0%，rgba（255255,1）50%，rgba（255,0,4,1）50%，rgba（249,0,4,1）100%）；
高度：200px；
}

是，使用

to[side][side]

语法，如in，而不是angles。这个答案也解释了为什么倾斜的梯度并不总是产生三角形。您可能会发现它很有用：）是的，使用

to[side][side]

语法，如in，而不是angles。这个答案也解释了为什么倾斜的梯度并不总是产生三角形。您可能会发现它很有用：）