本文详细介绍了 CSS 中的 clip-path 属性，该属性通过定义形状路径来裁剪元素，使其仅显示路径内的部分，而隐藏路径外的部分。可用于创建动态高亮效果、图片重叠等视觉特效。文章解释了如何使用 polygon() 函数绘制多边形，并说明了 x 和 y 坐标的含义及其支持的百分比单位。
clip-path 通过路径裁剪 使对象区域内的显示 区域外的隐藏的属性
可以制作动态高亮, 图片重叠等特效
用于勾画多边形
clip-path: polygon(x1 y1,x2 y2, .........)
要画三角形 参数要3个 4边形 要4个参数....
x表示点距离父级区域x轴距离,支持百分比,
y表示点距离父级区域y轴的距离,同样支持百分比
简单记录
转载于:https://www.cnblogs.com/momobig/p/10148341.html
css3 clip-path(勾画多边形属性/裁剪路径)
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
