Clippy — CSS clip-path 生成器

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.

-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

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

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