我正在尝试在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)