角丸ジェネレーター

角丸ジェネレーターの使い方

角丸ジェネレーター. スライダーで各角の丸みを調整しCSSをコピーします。

1. 上の色・文字・数値を調整します。
2. 設定を変えながらプレビューを比較します。
3. 結果をコピーするか端末に保存します。

角丸ジェネレーター · 例

{
  "tl": 24,
  "tr": 24,
  "br": 24,
  "bl": 24
}

border-radius: 24px 24px 24px 24px;

使用上の注意

ファイルと入力はこのブラウザー内で処理されます。アップロードやアカウントは不要です。