CSS 裁剪：创意形状

CSS clip-path

clip-path 把元素裁剪成任意形状。

/* 圆形 */
clip-path: circle(50%);

/* 椭圆 */
clip-path: ellipse(50% 30%);

/* 多边形 — 三角形 */
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

/* 多边形 — 六边形 */
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

推荐工具：[Clippy](https://bennettfeely.com/clippy/) 可以可视化编辑 clip-path。