CSS border-radius生成

CSS border-radius ジェネレーター

操作手順
  1. 各コーナーのスライダーを動かすとプレビューボックスの角丸がリアルタイムで変化します。
  2. 「全て同じ値にする」にチェックを入れると4隅を一括調整できます。
機能・特徴
  • 4隅を個別または一括でコントロール
  • 生成した CSS をワンクリックでコピー

左上 (top-left): 8px

右上 (top-right): 8px

右下 (bottom-right): 8px

左下 (bottom-left): 8px