CSSグラディエント分割を左下から右上に半分に分割する

Question

勾配プロパティでのみ実現する可能性はありますか？ それはのようになります方法：

私はこれを試してみたが、それは正しく、それを分割しません。

@mixin content-cropped-shape($color, $color2){ 
    background: $color; 
    background: linear-gradient(135deg,$color 0%, $color 50%, $color2 50%, $color2 100%); 
}

Answer 1

はい、あなたが行うことができます。 '右下に'と角度を削除します。

div { 
 
    background: rgb(255,255,255); 
 
    background: linear-gradient(to right bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,0,4,1) 50%,rgba(249,0,4,1) 100%); 
 
    height:200px; 
 
}

<div> 
 
</div>