clip-path是一个css3新属性 , 使用于SVG或形状定义一个HTML元素的可见区域的方法。
4个基本语法
:inset(定义矩形)可以5个参数,分别对应上,右,下,左的裁剪位置,round radius(可选,圆角)
:circle(定义圆)可以传2个可选参数;
1. 圆的半径,默认元素宽高中短的那个为直径,支持百分比
2. 圆心位置,默认为元素中心点
:ellipse(定义椭圆)可以传3个可选参数;
1. 椭圆的X轴半径,默认是宽度的一半,支持百分比
2. 椭圆的Y轴半径,默认是高度的一半,支持百分比
3. 椭圆中心位置,默认是元素的中心点
:polygon(定义多边形)填充规则用来确定该多边形的内部。
兼容不是很好慎用!