使用css 实现一个梯形效果(可以设置渐变圆角效果)

代码如下（示例）：

<div class="trapezoid"></div>

.trapezoid {
    width: 200px;
    height: 100px;
    background-color: #555;
    transform: perspective(.5em) rotateX(5deg);
    transform-origin: bottom;
}