디자인
CSS clip-path 생성기
끌어서 옮기는 점으로 clip-path 도형을 시각적으로 제작 기기에서 실행됩니다 — 업로드되지도, 저장되지도 않습니다.
1
X50%
Y0%
2
X100%
Y100%
3
X0%
Y100%
생성된 CSS
clip-path: polygon(50% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
프리셋 모양
원하는 모양을 클릭하면 편집 가능한 다각형으로 불러옵니다.
관련 도구
CSS clip-path 생성기 소개
끌어서 옮기는 점으로 clip-path 도형을 시각적으로 제작
CSS clip-path 생성기, BrowseryTools의 디자인·비주얼 카테고리에 있는 무료 도구입니다. 이 도구는 전적으로 브라우저 안에서 실행됩니다. 입력한 내용은 사용자의 기기에서 처리되며 서버로 업로드되지 않습니다. 가입도, 광고도, 워터마크도 없고 페이지가 한 번 로드된 뒤에는 연결이 없어도 계속 사용할 수 있습니다.