색상 및 디자인
Border Radius 생성기
무료 CSS border-radius 생성기입니다. 실시간 미리보기로 코너별 반경을 시각적으로 만드세요. 약칭 CSS를 복사하세요. 버튼, 카드 및 모든 둥근 모양에 사용하세요.
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
편집자 노트
Understanding · The shape of a corner.
이 심층 챕터는 현재 영어로만 제공됩니다. 위의 변환 도구는 귀하의 언어로 작동하지만, 긴 설명 글은 아직 번역되지 않았습니다.
자주 묻는 질문
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
사람들이 다음도 검색합니다.
관련 도구