HeronTool
한국어▾
로그인
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
홈 › 디자인 자료 › Clip-Path Generator

Clip-Path Generator

CSS clip-path 셰이프를 생성하고 코드를 복사하세요.

Clip Path CSS 생성

사용 방법

  1. 모양 선택
  2. 크기 조정
  3. clip-path CSS 복사

사용 예

독창적인 이미지 마스크와 UI 셰이프.

브라우저에서 로컬로 처리되며 업로드되는 데이터가 없습니다.

댓글 / 신고 / 내 메모

먼저 로그인하세요 — 로그인

먼저 로그인하세요 — 로그인

먼저 로그인하세요 — 로그인

관련 도구
그라데이션 생성 선형/방사형 CSS 그라데이션을 실시간 미리보기로 생성합니다. 그라데이션 글꼴 미리보기 텍스트를 입력하고 폰트를 바꿔 실시간으로 미리봅니다. 폰트 아이콘 검색 Tabler 아이콘을 검색하고 SVG를 원클릭으로 복사합니다. 아이콘 컬러 팔레트 생성 기준 색상에서 조화로운 팔레트(유사/보색)를 만듭니다. 팔레트 목업 생성 URL이나 스크린샷을 기기 목업 프레임에 드롭해 미리봅니다. 목업 대비 검사 배경 위 텍스트의 WCAG 대비를 확인합니다. 대비 box-shadow 생성 CSS box-shadow를 시각적으로 만듭니다. 그림자 text-shadow 생성 CSS text-shadow를 만듭니다. 그림자