纯CSS实现各种不规则图形

image.png
div {
  width: 200px;
  height: 200px;
  background: #6c00af;
  -webkit-clip-path: polygon(
    28% 6%,
    71% 15%,
    100% 75%,
    18% 39%,
    63% 27%,
    16% 22%,
    65% 19%
  );
  clip-path: polygon(
    28% 6%,
    71% 15%,
    100% 75%,
    18% 39%,
    63% 27%,
    16% 22%,
    65% 19%
  );
}

在介绍一个神器 请看图!

image.png

方便你我他！！！

https://bennettfeely.com/clippy/

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,705评论 25赞 709
  • Android - 收藏集
    用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你...
    hw1212阅读 12,998评论 2赞 59
  • 安装工
    缕空千尺学鲁班，阿庆百味苦心间。白墙一幕铺前景，红管十节安后家。
    乐文伟阅读 229评论 0赞 0
  • 随笔
    人生百味情最浓、人生繁华淡最真。给自己一份淡然、不困于情、不愧于心、无悔于生命、充实于生活。平和于心态、守一份心净...
    你若安好L便是晴天阅读 196评论 0赞 1
  • 嫁人别嫁李达康！
    电视剧《人民的名义》刷屏，达康书记也跟着实打实地火了一把，正直、敬业、心怀百姓，电视剧一播出这个人物就圈粉无数。 ...
    刺猬雯阅读 427评论 2赞 7