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

Scroll Down

我们经常看到,很多网页的不规则四边形都是用图片完成的,背景图或者是一个图片,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;