Border Radius ジェネレーター
スライダーを動かして4つの角の丸みを調整。楕円・ピル・非対称もすぐ作れます
全角
Card
.box {
border-radius: 16px;
}使い方
- 「全角を一括変更」にチェックを入れたままスライダーを動かして、角丸の基本をつかもう
- チェックを外して4角のスライダーを個別に動かし、非対称デザインを試してみよう
- プリセットをクリックして Pill・Wave・Asymmetric などの形を体感しよう
- 「📋 CSS をコピー」して自分のスタイルシートに貼り付けよう！