css把dom元素把dom元素弄成三角形

---

缘由

有时候图片我们要在左上角弄一个删除按钮，但是我们只希望三角形内的部分可以点击。此时用border就行不通了

---

clip-path

clip-path是一个 css属性，介绍如何生成三角形

.dom{
	clip-path: polygon(0px 0px, 25px 0px, 25px 25px)
}

解释

polygon

是制作一个多边形，里面的逗号分隔的是坐标 可以多个参数隔开，坐标以空格隔开，第一个参数为x轴，第二个为y轴

.dom{
	clip-path: polygon(x y, x y, x y)
}

总结

以上就是今天要讲的内容，本文仅仅简单介绍了clip-path polygon的使用，而clip-path提供了大量能使我们快速便捷地处理数据的函数和方法。