무료 CSS Border Radius 생성기 온라인
각 모서리를 개별 조정해 CSS border-radius를 만드는 무료 도구입니다. 브라우저에서 처리됩니다.
Loading tool…
CSS Border Radius Generator 소개
CSS Border Radius 생성기는 각 모서리의 반지름을 독립적으로 설정하고 실시간으로 미리보기를 확인할 수 있는 도구입니다. 유기적인 블롭(blob) 형태도 지원하며, 카드·아바타·버튼 디자인에 유용합니다. 모든 처리는 브라우저 안에서 실행됩니다.
사용 방법
- 각 모서리의 반지름을 조정합니다.
- px 또는 %를 선택합니다.
- 도형 미리보기를 확인합니다.
- 생성된 CSS를 복사합니다.
주요 기능
- 각 모서리를 독립적으로 설정
- px 또는 % 단위 선택
- 실시간 미리보기
- 생성된 CSS 복사
- 브라우저에서 완전히 처리
이 도구는 브라우저에서 실행됩니다. 파일과 텍스트는 서버로 업로드되지 않으며, 입력 내용을 저장하지 않습니다.
자주 묻는 질문
각 모서리를 다르게 설정할 수 있나요?+
네. 좌상·우상·우하·좌하 모서리의 반지름을 각각 따로 지정할 수 있습니다.
% 단위는 어떻게 작동하나요?+
% 단위는 요소 크기를 기준으로 한 타원형 곡선을 만들어 더 유기적인 형태를 표현합니다.
입력한 내용이 업로드되나요?+
아니요. CSS는 브라우저 안에서만 생성됩니다.