我想在css3中使用弯曲的边缘三角形。是否可以在css3中获取它? 我的代码下面有一个普通的三角形......
#left-triangle {
width: 0;
height: 0;
border-right: 100px solid orange;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
}
我想要这样..
答案 0 :(得分:4)
你可以这样做:
<强> CSS 强>
.arrow{
width:50px;
height:100px;
position:relative;
overflow:hidden;
}
.arrow:after{
content:'';
width:100px;
height:100px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
background:red;
position:absolute;
top:0;
right:-70px;
border-radius:10px;
-moz-border-radius:10px;
}
<强> HTML 强>
<div class="arrow"></div>