css实现梯形

效果图：

一、使用css实现梯形

html：

<div class="div">
	这是一个梯形
</div>

.div{
	width:100px;
	height:100px;
	background:green;
	transform: perspective(.5em) rotateX(5deg);
	transform-origin:bottom;
}

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/8347.html