小编Fla*_*uso的帖子

在div的中间插入一条曲线

我正在尝试在div的中间插入一条曲线,因此可以实现以下结果:

从底部开始,然后到曲线顶部

这是我到目前为止所做的。

.back{
  background-color: grey;
  width: 100%;
  height: 200px;
  display: inline-grid;
  align-items: center;
  overflow: hidden;
}

.line{
  height: 3px;
  background: linear-gradient(to right, yellow, purple, blue, green, red, orange);
  transform: rotate(-10deg);
}
Run Code Online (Sandbox Code Playgroud)
<div class="back">
  <div class="line"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css-shapes

3
推荐指数
1
解决办法
128
查看次数

标签 统计

css ×1

css-shapes ×1

html ×1