CSS 클립 패스 생성기
원, 타원, 삼각형, 오각형, 육각형, 별, 말풍선, 화살표 등 자주 쓰이는 모양 중에서 골라 실시간 미리보기로 확인한 다음, 정확한 clip-path CSS 값을 복사해 프로젝트에 바로 사용하세요.
디자인·CSS 도구 브라우저에서 완전히 실행
모든 처리는 사용자의 기기에서 이루어지며, 서버로 전송되지 않습니다.
도형
CSS 코드
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);