角の丸みジェネレーター

CSSボーダーラディウスジェネレーター

CSS要素の角を視覚的にデザインします。各コーナーを個別に調整し、楕円半径を使用し、プリセットから選択して、CSSコードをコピーします。すべてライブプレビューで行えます。

使い方

すべてのコーナーを一度に設定するにはシンプルなモードを選択し、個別のコーナー制御には高度なモードに切り替えます。水平および垂直半径を個別に設定するには、楕円モードを有効にします。円、ピル、スクイークルなどの一般的な形状については、プリセットギャラリーを使用します。結果に満足したら、生成されたCSSをコピーします。

特徴

• シンプル＆アドバンスモード – 一様なコーナーまたは各コーナーの個別制御
• 楕円半径 – 複雑な形状のために、コーナーごとに個別の水平および垂直半径を設定
• 単位選択 – px、%、em、remを切り替える
• プリセットギャラリー – 円、ピル、丸いカード、スクイークル、オーガニックブロブ、吹き出しなど
• ライブプレビュー – リアルタイムでプレビューボックスに適用されるボーダーラディウスを確認
• CSSをコピー – 最適化されたCSSショートハンドをワンクリックでコピー