CSS Gradient Split Div in Hälften von links unten nach oben rechts

Question

Gibt es die Möglichkeit, es nur mit Gradienteneigenschaft zu erreichen? Wie es aussehen sollte:

Ich habe versucht, dies habe aber es funktioniert nicht richtig aufgeteilt.

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

Answer 1

Ja, Sie tun können. Mit 'nach rechts unten' und den Winkel entfernen.

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>