DevToolBox무료
블로그

CSS 테두리 둥글기 생성기

각 모서리를 독립적으로 제어하는 CSS border-radius 생성기.

12px
12px
12px
12px
#3b82f6
CSS Output
border-radius: 12px;
𝕏 Twitterin LinkedIn

이 도구 평가

3.6 / 5 · 204 개 평가

더 많은 도구

🔲Box Shadow 생성기🌈CSS 그라디언트 생성기📐Flexbox 생성기{ }CSS 압축 / 정렬

Recommended

Tailwind UIBeautiful UI components

최신 소식 받기

주간 개발 팁과 새 도구 알림을 받으세요.

스팸 없음. 언제든 구독 해지 가능.

Enjoy these free tools?

☕Buy Me a Coffee

How to Use

  1. Adjust sliders for each corner
  2. Toggle link mode to sync all corners
  3. Choose your preferred unit (px, %, em)
  4. Preview the shape in real-time
  5. Copy the CSS code

Use Cases

  • Rounding card corners
  • Creating pill-shaped buttons
  • Making circular avatars
  • Designing organic blob shapes

FAQ

Can I control each corner independently?
Yes, each corner has its own slider. You can also link them to move together.
What presets are available?
Circle, rounded, pill, and blob shapes are included as presets.