luhuiClippy — CSS clip-path 生成器可以帮助用户快速生成各种形状的裁剪路径。它提供了多种预设形状供用户选择，如正方形、圆形、三角形、五边形等，同时也支持自定义裁剪路径。用户只需要在网页上进行简单的操作，即可轻松生成CSS clip-path代码，然后将其应用到相关元素上，就能实现一些炫酷的效果，例如圆形头像、不规则图案等。Clippy简单易用，功能强大，可以帮助用户快速达到想要的效果，是一个非常实用的工具。

CSS clip-path 生成器

to add points
to custom polygon.

Custom shape

The inset() shape optionally allows values similar to border-radius for rounded edges. This new feature may be buggy in your browser.

-ms-clip-path: ; -webkit-clip-path: ; clip-path: ;

The inset() shape optionally allows values similar to border-radius for rounded edges. This new feature may be buggy in your browser.

webkit

None 5% 10% 25%

clip-path属性允许你将元素裁剪为基本形状（圆形，椭圆形，多边形或嵌入）或 SVG ，从而在 CSS 中制作复杂形状。

两个或更多个具有相同点数的剪辑路径形状可以使用CSS的动画（Animations）和过渡（transitions）。

在 Github 上查看本项目。