Skip to main content
DevTools24

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}

참조

공식 사양 보기