如何在纯 CSS 中创建拆分背景颜色布局
How to create a split background color layout in pure CSS
我正在尝试为具有这种分色设计的网站创建页脚，其中有两个几乎相互重叠的三角形。任何想法将不胜感激！
谢谢！
我尝试过这样的事情：
background: linear-gradient(120deg, #ba5459 48%, #97444c 48%);
它不是重叠的三角形它是一个特殊的 CSS 属性 称为 clip-path 用于将矩形 div 剪辑成各种形状。
先创建一个 div，然后在 CSS 中粘贴以下 属性。玩弄价值观以了解其行为。
clip-path: polygon(0 24%, 100% 0%, 100% 99%, 0% 100%);
您可以通过 there.
了解有关剪辑路径的更多信息
我正在尝试为具有这种分色设计的网站创建页脚，其中有两个几乎相互重叠的三角形。任何想法将不胜感激！
谢谢！
我尝试过这样的事情：
background: linear-gradient(120deg, #ba5459 48%, #97444c 48%);
它不是重叠的三角形它是一个特殊的 CSS 属性 称为 clip-path 用于将矩形 div 剪辑成各种形状。 先创建一个 div，然后在 CSS 中粘贴以下 属性。玩弄价值观以了解其行为。
clip-path: polygon(0 24%, 100% 0%, 100% 99%, 0% 100%);
您可以通过 there.
了解有关剪辑路径的更多信息