苍鹭工具
中文▾
登录
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
首页 › 设计资源 › clip-path 生成器

clip-path 生成器

生成 CSS clip-path 形状并复制代码。

裁剪路径 CSS 生成

使用步骤

  1. 选择形状
  2. 调整尺寸
  3. 复制 clip-path CSS

适用场景

创意图片遮罩与 UI 形状。

在你的浏览器本地处理，数据不上传。

评论 / 纠错 / 我的标注

请先登录 — 登录

请先登录 — 登录

请先登录 — 登录

同类工具
渐变色生成 生成线性/径向 CSS 渐变，实时预览并复制代码。 渐变 字体预览 输入文字并切换字体族，实时预览排版效果。 字体 图标搜索 搜索 Tabler 线性图标，一键复制 SVG 代码。 图标 配色方案生成 基于一个主色生成协调的配色方案（同色/邻近/互补）。 配色 样机生成 把网页地址或截图放进设备样机框中预览。 样机 对比度检查 检查文字与背景的 WCAG 对比度。 对比度 盒阴影 可视化生成 CSS 盒阴影代码。 阴影 文字阴影 可视化生成文字阴影代码。 阴影