纯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/

你可能感兴趣的:(纯CSS实现各种不规则图形)