CSS背景三 Angular 形3种颜色

Question

我想为 HTML5 部分创建 CSS 背景，它应该如下所示:

CSS 三 Angular 形:

我已经研究并尝试过诸如变换倾斜或边框操作之类的东西。但我无法真正实现我想要的 View 。这里有 CSS 专家吗？会好的。ps - 如果存在引导解决方案也会帮助我。

问候

托比亚斯

Answer 1

使用线性渐变

* {
  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>