可视化生成 CSS clip-path 裁剪代码,带10种预设形状,支持自定义
它是可视化生成 CSS 裁剪路径代码的工具,解决手动写 polygon 坐标不准、调试麻烦的问题。
基于 CSS 标准 clip-path 属性,内置 10 种基础形状预设,拖拽顶点就能实时改路径、预览效果。
支持自定义任意多边形。你可以在预设基础上新增顶点,也可以从零手动添加多个顶点,调整出任意形状。
生成的代码兼容所有现代主流浏览器。IE 浏览器不支持 clip-path 属性,如需兼容 IE 需要额外做降级处理。
生成的坐标是相对百分比,适配任意尺寸的元素,不管元素宽高是多少,裁剪比例都会保持一致。
支持,10种预设包含圆形、椭圆、矩形、三角形、星形等基础形状,你可以直接调整参数使用。