🎨
CSS Clip Path Generator
css · clip-path · shape · polygon · generator
배경색
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);polygon() — x y 좌표 쌍으로 만드는 다각형
circle(r at x y) — 원형 클립
ellipse(rx ry at x y) — 타원형 클립
inset(top right bottom left round radius) — 선택적 둥글기가 있는 사각형
사용 방법
- 1
도형 프리셋을 고르거나 직접 입력하세요.
- 2
배경색을 설정하세요.
- 3
생성된 clip-path CSS를 복사하세요.
FAQ
이 도구는 무료인가요?
네, 가입 없이, 설치 할 필요도 없이 완전 무료로 바로 사용할 수 있습니다.
이 도구는 어떤 도구인가요?
CSS clip-path 도형을 시각적으로 만들고 코드를 복사합니다. 회원가입이나 설치 없이, 페이지만 열면 바로 무료로 사용할 수 있어요.