디자인( CSS) · 로컬에서 실행됨

CSS 클립 경로 모양 생성기

제한된 기하학 프리셋을 선택하고, 실시간 색상 미리보기와 업로드된 디자인 데이터 없이 표준에 맞는 clip-path 다각형을 생성하세요.

결과

준비 완료. 작업 데이터는 이 브라우저에 유지됩니다.

이 도구가 유용한 이유

좌표 쌍을 직접 수정하거나 임의로 붙여넣은 CSS를 신뢰하지 않고 프로토타입 배지, 아바타, 이미지 마스크 및 장식 패널을 만드세요.

고정된 로컬 레지스트리는 각 명명된 도형을 검토된 백분율 좌표에 매핑하며; 선택된 프리셋과 검증된 색상만 생성된 선언에 반영됩니다.

여섯 개의 균형 잡힌 변이 있는 주황색 캠페인 타일을 마스크하려면 Hexagon을 선택한 다음, 생성된 다각형을 해당 타일의 기존 클래스에 붙여넣으세요.

계산은 결정적이며, 잘못된 입력을 조용히 변경하는 대신 유효성 검사 오류를 설명합니다.

입력과 출력은 이 탭에 그대로 유지됩니다. 복사와 다운로드는 서버 업로드 없이 브라우저 API를 통해 이루어집니다.

각 실행은 해당 도구 모드, 타임스탬프, 입력/출력 크기를 보고하므로 변환된 데이터를 감사할 수 있습니다.