CSSの背景トライアングル3色

Question

私はHTML5のセクションのためのCSSの背景を作成したいと、それは次のようになります。

CSSの三角形：私はすでに

を研究しているとのようなものを試してみましたスキューまたは境界操作を変換します。しかし、私は本当に私が望むようにビューを達成することはできません。 CSSのプロはありますか？いいだろう。 ps - ブートストラップソリューションが存在する場合は、私にも役立ちます。

は

トビアス

Answer 1

することができます場合は、あなたのコードトビアス、プラスフィドルを貼り付けlinear-gradient

* { 
 
    margin: 0; 
 
    psdding: 0; 
 
    } 
 
div { 
 
    height: 100vh; 
 
    width: 100vw; 
 
    background-color: blue; 
 
    background-image: linear-gradient(10deg, lightblue 50%, transparent 50%), linear-gradient(-60deg, brown 30%, transparent 30%); 
 
    }

<div> 
 
    </div>