我有代码可以为我提供这些
CSS 代码:
.about-best-big-vector-right {
width: 1380px;
float: right;
border-top: 140px solid #272838;
border-left: 75px solid transparent;
position: relative;
outline: 3px solid #eda225;
outline-offset: .3rem;
-moz-outline-radius-bottomleft: 2em;
}
HTML 代码:<div class="about-best-big-vector-right"></div>
最佳答案
不要使用边框,使用倾斜变换:
.box {
overflow: hidden;
width: 40%;
margin-left: auto;
}
.box::before {
content: "";
display: block;
margin-right: -10px;
height: 150px;
background: #000 content-box;
padding: 5px;
border: 4px solid orange;
transform-origin: top;
transform: skewX(30deg);
}
<div class="box">
</div>
关于css - 如何让CSS轮廓转 Angular ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66114987/