CSS实现梯形例子

实现效果：

position:absolute;
display: block;//不占据地方
width: 100%;
height: 575px;
background-color: orangered;
transform-origin:0 0 ;//使得倾斜点为右上角
transform: skew(0,-8deg);//倾斜角度，x不倾斜，y轴倾斜-8度
transition: all 0.5s;//整个过程需要0.5秒