CSS剪贴路径形状生成器
创建多边形,星号, ⁇ 章,六角形和长方形的形式.
在您的浏览器中运行。您的文件不会离开设备。 了解如何验证
…
使用方法
- 1第1步：打开CSS剪贴路径形状生成器并输入内容
输入数字或文字、添加文件，或选择所需选项。不会上传任何内容：一切都保留在您的浏览器中。
- 2第2步：CSS剪贴路径形状生成器能做什么
创建多边形,星号, ⁇ 章,六角形和长方形的形式.
- 3第3步：查看结果并对比
结果会立即显示。改动一个数值，看看答案如何变化，然后保留符合您情况的数字。
- 4第4步：复制或保存
复制结果或下载。做重要决定前，请向官方来源或专业人士确认。
关于此工具
剪贴路由允许开发人员切割HTML元素和图像成精确的几何多边形和形状,而不需要Photoshop或SVG面具.从流行的预设中选择,实时检查 ⁇ 染面膜,并复制纯CSS多边形坐标准备生产.
获得最佳结果的提示
开始之前请花一点时间阅读选项，并先用一个小例子试用工具。一切都在您设备的浏览器中运行；您输入或添加的任何内容都不会被上传，关闭标签页会清除所有内容。如果看起来不对，请刷新页面重试，或使用本页的报告链接告诉我们出了什么问题。如果结果仍然看起来不对，请每次只更改一个值，看看哪个输入影响最大。如果您还会再用，请收藏此页。
要点
- 分类: 图片
- 在浏览器中运行，无需注册，无需上传。
- 您输入的信息保留在设备上。
- 提供多种语言。
- 内容最后审核日期:
常见问题
什么是CSS剪辑路径?
The `clip-path` CSS property creates a clipping region that determines which parts of an element or image are visible.
哪些形状是预设的?
预设包括三角形,六边形,5点星,产品折扣 ⁇ 章,导航标志和圆面罩.
可以用它拍照和录像吗?
Yes. Apply the generated clip-path CSS rule to any `<img>`, `<video>`, `<div>`, or card component in your stylesheet.
剪贴路径是否会影响到元素可点击的打卡框?
在现代浏览器中,只有元素的可见,未剪切区域响应指针悬挂和点击事件.