Loading…
4つの角の半径を調整して、border-radius のCSSを生成します。
border-radius: 12px;
各角の半径を個別に指定できます。4つの角がすべて同じ値の場合は、自動的に1つの値にまとめて出力します。生成されたコードをそのままCSSに貼り付けてご利用ください。
border-radiusは要素の角を丸めるためのCSSプロパティです。4つの角の半径を個別に指定でき、ボタンやカードなどのデザインに広く使われます。
はい。左上・右上・右下・左下の各角をスライダーで個別に調整できます。すべて同じ値の場合は、出力が自動的に1つの値にまとめられます。
px・%・rem・emに対応しています。%を選ぶと角がより滑らかな楕円形になり、円形や角丸の表現を柔軟に作成できます。