CSS clip-path形状生成器

从一组常见形状（圆形、椭圆形、三角形、五边形、六边形、星形、对话气泡、箭头）中选择，配合实时预览，然后复制可直接用于项目中的精确clip-path CSS值。

所有处理都在你的设备本地完成——不会向任何服务器发送数据。

形状

CSS 代码

clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

拖动两个控制点，直观设计自定义的运动缓动曲线，并复制cubic-bezier代码。

直观设计Grid或Flexbox布局，实时预览效果并复制现成的CSS代码。

可视化设计圆角效果（包括不对称形状），并复制生成的CSS代码。

浏览完整的工具库，现在就开始使用你需要的功能 —— 完全免费，无需注册。