ベスト・フリー CSS 境界半径生成
視覚的にエレメントの角度を丸める - 角度ごとにまたはリンクして、px/%/em - ライブプレビューとコピーで。
100%フリー
登録なし
透かしなし
メモリで処理されたファイルは保存されません
ラブ best.free? 分けて
仕組み
- 角度を設定. 各角スライダーをドラッグするか、すべての角をリンクするを押して一緒に移動します。
- プレビューを見る. ドラッグするとライブボックスが丸くなります。 px、%、em を 詳細オプションで切り替えてください。
- CSS をコピー. CSS をコピーして、スタイルシートに border-radius ルールを貼り付けます。
このツールの情報
要素の角を必要なように丸めます。4 つの角のスライダーをドラッグするか、リンクしてスライダーを移動させるか、または結果をライブプレビューボックスで表示します。 境界半径CSSをコピーします。すべての角が一致したときは単一の値に縮小され、異なるときは4 値に拡大されます。 詳細オプションでは単位をpx、%、emに切り替えます。これにより、ピル形状やパーセントベースの丸めも作成できます。
人々がそれを使うために
- 円形カード、ボタン、画像の角
- 丸い形状を作成
- 各角に異なる半径を設定
- 円や楕円の百分率を丸める
よくある質問
はい。すべての角をリンクするを無効にします。それぞれのスライダーは角を一つ制御します。CSS はその場合、4 値の形式 (左上、右上、右下、左下) を使用します。
CSS の 4 角を一緒に移動する
パーセントはボックスサイズに対して丸められます。正方形の 50% は円になり、エレメントと共にスケールします。ピクセルは半径を与えます。
すべての角に大きな半径を設定します。真のピルの場合、エレメントの高さの半分、つまり 50% の半径で端を完全に丸めます。
ブラウザの設定を変更するには、 ブラウザの設定を変更します。
完全に無料で、アカウントも制限もありません。 計測するものが何もないクライアントサイドツールです。
CSS Border Radius Generator はブラウザ上で動作します。デスクトップと同様に携帯電話やタブレットでも動作します。インストールするアプリケーションはありません。
CSS Border Radius Generator は、入力した瞬間に動作を開始します。
普段の使用は無制限で、 寛大なフェアユースの下で、 誰もが速く保つ。
Chrome、Safari、Firefox、Edgeなどの最新のブラウザ。CSS Border Radius Generator は既に使用しているブラウザ以外のブラウザをインストールする必要はありません。