CSS 剪切路径生成器
边框半径 CSS 生成器工具，可快速生成边框半径 CSS 声明。
Preview
CSS 输出
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
剪切路径控制
基本形状
形状属性
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
如何使用
基本控件
- 从 "形状选择 "面板中选择基本形状
- 使用范围滑块调整形状参数
- 拖动预览上的控制点来重塑剪辑路径
- 使用 "添加点 "模式为自定义形状添加点
高级功能
- 保存和加载预设，以便快速访问您喜爱的形状
- 使用自定义持续时间为剪辑路径制作动画、 缓和和迭代
- 复制生成的 CSS 代码并将其粘贴到你的项目中
- 切换暗模式，让你舒适地进行深夜设计