Border-Radius 생성기

박스 외곽에 마우스 드래그 핸들(8점 제어)을 조작하여 개성적이고 유기적인 모양의 CSS 물방울 모서리 둥글기 코드를 생성합니다.

곡률 세부 수치 설정

드래그 조작이 어렵다면 슬라이더를 이용해 값을 조정하세요.
좌측 상단 가로 (Top-Left H)30%
우측 상단 가로 (Top-Right H)30%
우측 하단 가로 (Bottom-Right H)30%
좌측 하단 가로 (Bottom-Left H)30%

좌측 상단 세로 (Top-Left V)30%
우측 상단 세로 (Top-Right V)30%
우측 하단 세로 (Bottom-Right V)30%
좌측 하단 세로 (Bottom-Left V)30%

도형 모양 프리셋

모서리 둥글기 CSS 코드