UI

Border Radius生成

角丸を各辺ごとに調整して CSS を生成します。

TIPS

  • まず小さく値を動かして、主張しすぎない見た目に寄せるのがコツです。
  • 生成したCSSはそのままベースとして使えます。

Border Radius生成とは

Border Radius生成は、四隅の角丸を個別に調整しながら border-radius の CSS を作れる無料ツールです。

  • インストール不要でブラウザからすぐ使えます。
  • 短時間で確認したい開発・運用作業に向いた軽量設計です。
  • コピーしやすい結果欄を用意しているため、日常作業の時短に役立ちます。

よくある質問

四隅を別々に指定できますか?

はい。左上・右上・右下・左下を個別に設定できます。

楕円の角丸ですか?

現在は基本的な角丸設定に絞っています。