css纯靠径向渐变实现单个和多个缺角效果

主要运用径向渐变实现div的缺角效果

单个缺角

 background-image: linear-gradient(45deg,#f0343c 90%,transparent 10%);

上下左右缺角分别为45°，135°，225°，415°
（每次顺时针旋转90°）

多个缺角

 background-image: linear-gradient(45deg,transparent 0%,transparent 15%,#f0343c 15%, #f0343c 85%,transparent 10%);