Tiny Online Tools logoTiny Online Toolssearch搜索工具…grid_view全部工具
首页chevron_right设计工具chevron_rightCSS Clip-Path 生成器CSS Clip-Path 生成器

CSS Clip-Path 生成器

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

形状CircleEllipseInsetTriangleHexagonDiamondPentagonStarArrow参数生成的CSS
clip-path: circle(50% at 50% 50%);

相似工具

Border Radius 生成器

Border Radius 生成器

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

CSS Grid 生成器

CSS Grid 生成器

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

Box Shadow 生成器

Box Shadow 生成器

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

Flexbox 生成器

Flexbox 生成器

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

视频转 WebM

视频转 WebM

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

PDF 重复页面删除工具

PDF 重复页面删除工具

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

PDF 转文本

PDF 转文本

直接在浏览器中即时从 PDF 文件提取纯文本。无需上传,无需注册。

apps

更多工具

浏览我们完整的免费在线工具集合。

不用手动摆点,也能把元素裁出理想形状

clip-path 可以做出很有辨识度的轮廓和遮罩,但手动调多边形点位通常很费劲。这个生成器可以让你先直观看常见形状,再在满意后复制 CSS。

适合哪些场景

它很适合图片遮罩、异形卡片和装饰性分区边缘。正式使用前,最好再确认这种裁切在文字、图片和不同屏幕尺寸下是否依然好用。