前端外包优质服务商云客秀

我们凭借着对品牌的深刻理念,互联网营销趋势的敏锐洞察,帮助企业通过互联网建立优势。

当前位置:
首页>
荆州网站建设

CSS3裁剪路径clip-path

  • 2020-07-27
clip-path是一个css3新属性 , 使用于SVG或形状定义一个HTML元素的可见区域的方法。
4个基本语法
:inset(定义矩形)可以5个参数,分别对应上,右,下,左的裁剪位置,round radius(可选,圆角)
:circle(定义圆)可以传2个可选参数;
1. 圆的半径,默认元素宽高中短的那个为直径,支持百分比
2. 圆心位置,默认为元素中心点
:ellipse(定义椭圆)可以传3个可选参数;
1. 椭圆的X轴半径,默认是宽度的一半,支持百分比
2. 椭圆的Y轴半径,默认是高度的一半,支持百分比
3. 椭圆中心位置,默认是元素的中心点

:polygon(定义多边形)填充规则用来确定该多边形的内部。

兼容不是很好慎用!

兼容性


菜单