CSSを使用して斜め背景効果を作成する方法

Question

CSSを使用して次の図に示す効果を作成できますか？

は基本的に私は背景が他のブロック側の色と白で斜めに分割されている<div> Sを作成したいですか？

Answer 1

backgroundでlinear-gradientを使用できます。

body { 
 
    height:100vh; 
 
    width:100vw; 
 
    background:linear-gradient(160deg, red, red 60%, white 60%, white); 
 
}

次の例を参照してください。