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>