不用手动摆点,也能把元素裁出理想形状
clip-path 可以做出很有辨识度的轮廓和遮罩,但手动调多边形点位通常很费劲。这个生成器可以让你先直观看常见形状,再在满意后复制 CSS。
适合哪些场景
它很适合图片遮罩、异形卡片和装饰性分区边缘。正式使用前,最好再确认这种裁切在文字、图片和不同屏幕尺寸下是否依然好用。
Tiny Online Tools

生成带实时预览的CSS clip-path形状。

可视化控制圆角效果并复制CSS代码。

通过实时预览构建响应式 CSS Grid 布局,并复制现成代码。

可视化创建CSS阴影效果,支持实时预览。

通过实时预览创建灵活的 CSS Flex 布局,并复制现成代码。

视频转 WebM可直接在浏览器中将常见视频转换为 WebM。适合快速、私密地整理媒体、发布内容、制作课程、演示和日常编辑。

基于视觉指纹自动检测并删除 PDF 中的重复页面。几秒清理扫描或合并过的文档。

直接在浏览器中即时从 PDF 文件提取纯文本。无需上传,无需注册。
浏览我们完整的免费在线工具集合。
clip-path 可以做出很有辨识度的轮廓和遮罩,但手动调多边形点位通常很费劲。这个生成器可以让你先直观看常见形状,再在满意后复制 CSS。
它很适合图片遮罩、异形卡片和装饰性分区边缘。正式使用前,最好再确认这种裁切在文字、图片和不同屏幕尺寸下是否依然好用。