clip-path 生成器

圆形/星形/箭头等形状裁剪实时预览并复制 CSS

工具简介

CSS clip-path 裁剪生成器,圆形/椭圆/圆角矩形与三角形、五角星、箭头、十字等 9 种多边形实时预览,一键复制 CSS。

工作原理

多边形顶点按中心坐标+旋转角实时计算(五角星外内半径交替),预览区蓝块经棋盘格背景直观展示裁剪效果,输出与预览同一份 clip-path 值。

使用方法

选形状、拖参数(半径/圆心/旋转角),看到满意后点「复制」拿走 clip-path 代码。

温馨提示

兼容性:现代浏览器全支持(含 polygon 百分比坐标);低版本 IE/旧安卓需 -webkit- 前缀或降级为无裁剪显示。

相关工具

橙子皮工具箱(myaline.top)聚合 754 个免费在线小工具,覆盖文档转换、开发工具、文本处理、图片工具、计算换算、日期时间、生活查询等场景。全部工具即开即用,无需安装客户端;内容持续更新中。

橙子皮工具箱 · 754 个免费在线工具 · 免安装 · 持续更新  返回首页