css实现好看的不规则四边形

我们经常看到，很多网页的不规则四边形都是用图片完成的，背景图或者是一个图片，Css3之后又多了，实现的方法。

效果如下

那么到底要怎么来实现呢？

其实很简单，这里要使用linear-gradient属性，具体是这样的嗯，。

background: -webkit-linear-gradient(-30deg, #f97419 0%, #ea0808 100%);
background-color: #fff \9;
padding: 20px 40px 20px 70px;
color: #fff;
color: #f15f0d \9;