모양
5
50%
400px
0°
색상
<svg viewBox="0 0 100 100" width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<path d="M 122.62444037900195,50 C 125.1059212579975,73.89625550319762 120.91158285913679,87.22818698119596 102.7554727643863,102.7554727643863 C 84.59936266963581,118.28275854757663 72.49783437344185,115.98904514151265 50.00000000000001,112.10914313276135 C 27.502165626558163,108.22924112401004 27.25188628973116,102.76315051257143 12.764135270618922,87.23586472938109 C -1.7236157484933177,71.70857894619076 -7.587206924842999,68.9817295162965 -7.951004076448953,50.00000000000001 C -8.314801228054908,31.01827048370351 -3.1788043549171316,24.839361987701984 11.308946664195105,11.308946664195112 C 25.796697683307343,-2.2214686593117623 29.61984935394773,-3.087037315877664 49.99999999999999,-4.12166129402749 C 70.38015064605226,-5.156285272177316 74.67343915365367,-6.359964571911064 92.82954924840416,7.1704507515958085 C 110.98565934315465,20.70086607510268 120.14295950000641,26.103744496802378 122.62444037900195,50 Z" fill="#6366f1" transform="rotate(0 50 50)" />
</svg>블롭 모양 생성기 소개
모던 웹 디자인을 위한 유기적인 블롭 모양을 생성합니다
이 도구는 일상적인 작업을 더 빠르고 간편하게 처리하도록 돕는 무료 온라인 도구입니다. 별도의 설치나 회원가입 없이 브라우저에서 바로 사용할 수 있습니다.
블롭 모양 생성기 사용이 좋은 이유
- ✓100% 무료 - 숨겨진 비용이나 유료 기능이 없습니다
- ✓회원가입 불필요 - 계정 생성 없이 바로 사용 가능합니다
- ✓개인정보 보호 - 모든 처리가 브라우저에서 이루어집니다. 데이터가 서버로 전송되지 않습니다
- ✓초고속 - 서버 지연 없이 즉시 결과를 확인하세요
사용 방법
- 위의 입력 영역에 텍스트를 입력하거나 붙여넣으세요
- 도구가 자동으로 입력을 처리합니다
- 결과를 복사하거나 파일로 다운로드하세요
주요 기능
- ✓랜덤 블롭 형태
- ✓복잡도 및 대비 제어
- ✓크기 조절
- ✓색상 및 그라디언트 채우기
- ✓SVG 및 CSS clip-path 내보내기
- ✓애니메이션 키프레임
자주 묻는 질문
블롭 모양을 어떻게 애니메이션화할 수 있나요?
여러 블롭 키프레임을 생성하고 CSS 애니메이션이나 JavaScript를 사용하여 전환할 수 있습니다.