文章来源：https://www.toymoban.com/news/detail-829875.html
<div class="skew"></div>
.skew {
position: relative;
width: 120px;
&::after {
content: "";
position: absolute;
top: 0;
left: 40px;
right: 0;
bottom: 0;
border-radius: 20px;
background: orange;
transform: skewX(164deg);
width: 100px;
height: 100px;
}
&::before {
content: "";
position: absolute;
top: 0;
left: 13px;
width: 100px;
height: 100px;
border-radius: 20px;
background: orange;
}
}
这个收集的css 效果是真的多 https://github.com/chokcoco/iCSS强烈推荐文章来源地址https://www.toymoban.com/news/detail-829875.html
到了这里，关于css不规则圆角矩形的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
