Border Radius ジェネレーター

使い方

1. プリセットから始めるか、「均一」OFF でコーナー別編集。
2. ブロブ形状には「楕円」をオンに（各コーナー 2 半径）。
3. `border-radius: …` をコピーして CSS に貼付。

よくある質問

楕円半径はいつ役立つ？

主にイラストの有機的「ブロブ」形状で、コーナー毎に非対称な場合。標準 UI はほぼ均一か 4 値。

px と % の違い？

% は要素の幅・高さに対する相対 — 正方形に 50% で円、長方形に 50% で楕円。px は要素サイズに関係なく絶対値。

正方形でピルが変に見える。

Pill = 999px は要素が横長前提。正方形では結局円になります。

ブラウザ対応？

4 値 `border-radius` と楕円構文は 2010 年以降の全ブラウザ対応。どこでも安全。

関連ツール