答案 0 :(得分:3)
您可以使用linear-gradient()
:
.box {
background: linear-gradient(165deg, #41c7b4 54.5%, #ff7c4a 55%);
border-radius: 4px;
height: 205px;
width: 150px;
}
<div class="box"></div>
答案 1 :(得分:1)
有!您可以使用:伪类(:before
和:after
)。
div {
width: 150px;
height: 200px;
background: #41c7b4;
position: relative;
overflow: hidden;
border-radius: 5px;
}
div:before {
content: "";
display: block;
width: 200px;
height: 100px;
position: absolute;
bottom: 0;
left: -25px;
transform: rotate(-10deg);
transform-origin: top right;
background: #ff7c4a;
}
&#13;
<div></div>
&#13;