毎日使う開発者ツールを、すべて一か所に。
コンバーター、フォーマッター、ハッシュ、バリデーター、そして何度も開き直す小さなユーティリティが、タブの海に散らばることなく一か所にまとまります。
各コーナーを個別に制御できるビジュアルな CSS border-radius ジェネレーターです
CSS の border-radius プロパティは、要素の外側のボーダー端の角を丸めます。4 つの角すべてを同じ値にすることも、各角に異なる値を指定して独特な形状を作ることもできます。
border-radius は 1 から 4 個の値で指定できます。1 個の値ではすべての角が同じになります。2 個の値では、最初が左上/右下に、2 番目が右上/左下に適用されます。3 個の値では: 左上、右上…
すべての角が等しい、ピル型、異なる角をカバーしているので、一般的な入力と出力をすばやく比較できます。
選択したツールのソースコード。右側のライブ版と並べて表示されます。
// No external dependencies needed - generates CSS border-radius strings interface BorderRadius { topLeft: number; topRight: number; bottomRight: number; bottomLeft: number; unit: 'px' | '%' | 'rem'; }
