CSS clip-path 생성기
CSS clip-path를 시각적으로 생성합니다. circle, ellipse, inset, polygon 형상 지원. 프리셋 포함. CSS 코드 복사. 무료, 100% 브라우저에서 실행.
50%
50%
50%
참고
CSS clip-path란?
clip-path 속성은 요소의 표시 영역을 특정 형상으로 클리핑합니다. 클리핑 영역 바깥 부분은 숨겨집니다. 이미지 트리밍, 장식적 형상 제작, 크리에이티브 레이아웃에 사용됩니다.
사용 가능한 형상
circle() — 원형 클리핑. 반경과 중심점을 지정. ellipse() — 타원형 클리핑. 수평/수직 반경과 중심점을 지정. inset() — 안쪽으로의 직사각형 클리핑. 각 변으로부터의 오프셋과 둥근 모서리를 지정. polygon() — 꼭짓점 좌표 목록으로 임의의 다각형을 정의. 삼각형, 별, 화살표 등 자유로운 형상 가능.
개인정보보호
모든 생성 처리는 브라우저에서 100% 실행됩니다. 데이터는 서버에 전송되지 않습니다.