CSS角丸ジェネレーター — ビジュアルエディター
各コーナーを独立制御するCSS border-radius。リアルタイムプレビュー付き。
12px
12px
12px
12px
#3b82f6
CSS Output
border-radius: 12px;
このツールを評価
3.6 / 5 · 204 件の評価
Recommended
Tailwind UIBeautiful UI components最新情報を受け取る
毎週の開発ヒントと新ツール情報。
スパムなし。いつでも解除可能。
Enjoy these free tools?
☕Buy Me a CoffeeHow to Use
- Adjust sliders for each corner
- Toggle link mode to sync all corners
- Choose your preferred unit (px, %, em)
- Preview the shape in real-time
- Copy the CSS code
Use Cases
- Rounding card corners
- Creating pill-shaped buttons
- Making circular avatars
- Designing organic blob shapes