CSS实现渐变梯形

一个div实现渐变梯形

	<div class="tixin"></div>

.tixin{
	width: 200px;
	height: 200px;
	transform-origin: 50% 100% 0;
	transform: perspective(300px)  rotateX(45deg);
	background-image: linear-gradient(0deg, rgba(153, 153, 153, 0.5), transparent);
	position: relative;
	left: 25%;
}