CSS Clip Path 生成器
可视化创建 CSS clip-path 形状。从多边形、圆形、椭圆和内嵌形状中选择，提供预设。
1%%
2%%
3%%
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
CSS clip-path Property - 技术详情
The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts inside the region are shown, while those outside are hidden. Use shapes like polygon, circle, ellipse, or inset to create unique visual effects.
命令行替代方案
.element {\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n}