侧边栏壁纸
  • 累计撰写 198 篇文章
  • 累计创建 105 个标签
  • 累计收到 36 条评论

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

神兵小将
2020-02-13 / 0 评论 / 6 点赞 / 987 阅读 / 0 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2020-07-13,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

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

评论区