Tiny Online Tools
不用手动摆点，也能把元素裁出理想形状
clip-path 可以做出很有辨识度的轮廓和遮罩，但手动调多边形点位通常很费劲。这个生成器可以让你先直观看常见形状，再在满意后复制 CSS。
适合哪些场景
它很适合图片遮罩、异形卡片和装饰性分区边缘。正式使用前，最好再确认这种裁切在文字、图片和不同屏幕尺寸下是否依然好用。
CSS Clip-Path 生成器
生成带实时预览的CSS clip-path形状。
clip-path: circle(50% at 50% 50%);
相似工具
Border Radius 生成器
可视化控制圆角效果并复制CSS代码。
CSS Grid 生成器
通过实时预览构建响应式 CSS Grid 布局，并复制现成代码。
Box Shadow 生成器
可视化创建CSS阴影效果，支持实时预览。
Flexbox 生成器
通过实时预览创建灵活的 CSS Flex 布局，并复制现成代码。
工作日计算器
计算两个日期之间的工作日数，可排除周末和自定义节假日。
图片边框添加
为任意图片添加可自定义边框，并可调整大小、颜色、样式和圆角。
拆分 PDF
将 PDF 文件拆分为单独页面或页面范围。
更多工具
浏览我们完整的免费在线工具集合。