css3实现三角形、等腰梯形

• 三角形

.box {
	width:0px;
	height:0px;

	border-top:50px solid rgba(0,0,0,0);
	border-right:50px solid  rgba(0,0,0,0);
	border-bottom:50px solid green;
	border-left:50px solid  rgba(0,0,0,0);
}

• 等腰梯形

.box,.box3 {
	display:inline-block;
	width:0px;
	height:0px;

	border-top:50px solid rgba(0,0,0,0);
	border-right:50px solid  rgba(0,0,0,0);
    border-bottom:50px solid green;
    border-left:50px solid  rgba(0,0,0,0);
}

.box2 {
	display:inline-block;
	width:50px;
	height:50px;
	background-color:green;
}

 .box{
	transform: translate(54px,10px);
}
.box3{
	transform: translate(-54px,10px);
}