⬜

Border Radius 생성기

CSS border-radius를 시각적으로 생성합니다

모서리 연결

왼쪽 상단: 16px

오른쪽 상단: 16px

왼쪽 하단: 16px

오른쪽 하단: 16px

프리셋

CSS 코드

border-radius: 16px;

📖 사용법

각 모서리의 둥글기를 개별 조절하세요
모서리 연결로 동시에 조절할 수 있습니다
프리셋으로 빠르게 적용하세요
CSS 코드를 복사하여 사용하세요

✨ 주요 기능

✓각 모서리 개별 조절
✓모서리 연결 옵션
✓다양한 프리셋 제공
✓실시간 미리보기
✓CSS 코드 자동 생성

❓ 자주 묻는 질문

Q. 완전한 원을 만들려면?

A. 50%를 입력하면 정사각형 요소가 원이 됩니다.

Q. blob 모양은 어떻게 만드나요?

A. 각 모서리에 다른 값을 입력하면 유기적인 blob 모양을 만들 수 있습니다. 프리셋을 참고하세요.

🔗 관련 도구

그라데이션 생성기 박스 그림자 생성기 텍스트 그림자 생성기 CSS 압축기

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

Border Radius 생성기 - 무료 온라인 도구 | Foxi Tools