使用 css 渐变创建形状
Creating shapes with css gradient
我们如何创建具有 css 梯度的响应形状，如所附图像。
我添加了使用 HTML 和 CSS 执行此操作的示例。当然，这只是其中一种方法。
div{
height: 15px;
width: 50%;
background-color: black;
position: absolute;
top: 0;
}
.left{
transform-origin: top right;
transform: rotate(-5deg);
}
.right{
left: 50%;
transform-origin: top left;
transform: rotate(5deg);
}
<div class="left"></div>
<div class="right"></div>
我们如何创建具有 css 梯度的响应形状，如所附图像。
我添加了使用 HTML 和 CSS 执行此操作的示例。当然，这只是其中一种方法。
div{
height: 15px;
width: 50%;
background-color: black;
position: absolute;
top: 0;
}
.left{
transform-origin: top right;
transform: rotate(-5deg);
}
.right{
left: 50%;
transform-origin: top left;
transform: rotate(5deg);
}
<div class="left"></div>
<div class="right"></div>