to add points
to custom polygon.
to custom polygon.
Custom shape
Round edges
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: ;
Round edges
The inset() shape optionally allows values similar to border-radius for rounded edges. This new feature may be buggy in your browser.
Custom shape
前缀
Demo 尺寸
×
Demo 背景
显示 clip-path外部
About Clip Paths
clip-path 属性允许你将元素裁剪为基本形状（圆形，椭圆形，多边形或嵌入）或 SVG ，从而在 CSS 中制作复杂形状。
两个或更多个具有相同点数的剪辑路径形状可以使用CSS的动画（Animations）和过渡（transitions）。