如何使用CSS创建以下形状?用CSS创建一个三角形?
我想这是一个解决方案:
.triangle:after {
position:absolute;
content:"";
width: 0;
height: 0;
margin-top:1px;
margin-left:2px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid white;
}
.triangle:before {
position:absolute;
content:"";
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid black;
}
你可以看到它在Triangle工作。这是行得通的,但带有边界的诡计。有没有另一种方式可以完成?
使用SVG矢量这可以很容易地完成,但我不想走那么长的路。
只有CSS?透明的身体? – Bigood 2013-04-26 07:47:13
http://apps.eky.hk/css-triangle-generator/ – 2013-04-26 07:48:36
http://hedgerwow.appspot.com/demo/arrows – 2013-04-26 07:49:10