侧边栏壁纸
  • 累计撰写 168 篇文章
  • 累计创建 71 个标签
  • 累计收到 35 条评论

目 录CONTENT

文章目录

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

神兵小将
2020-02-13 / 0 评论 / 6 点赞 / 1,405 阅读 / 0 字 / 正在检测是否收录...

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

评论区