境界半径ジェネレータ
border-radius CSS宣言を迅速に生成するためのborder-radius CSSジェネレータツール。
Preview
境界線半径
カスタマイズ
CSS 出力
border-radius: 10px;
半径コントロール
個々のコーナー
10px
10px
10px
10px
ユニフォーム半径
10px
クイックシェイプ
Units
Presets
Square
やや丸みを帯びた
Rounded
Pill
Circle
トップラウンド
ボトムラウンド
左丸み
使用方法
基本コントロール
- スライダーを使用して個々のコーナー半径を調整します
- すべてのコーナーを同時に調整するためのリンク半径
- クイックシェイプボタンを使用して、一般的なプリセットを作成します
- Choose between pixels (px), percentages (%), and EM (em) units
高度な機能
- プリセットを保存してロードし、お気に入りの形状にすばやくアクセス可能
- Click ランダム半径インスピレーションを得るため
- 生成された CSS コードをコピーして、プロジェクトに貼り付けます
- ダークモードを切り替えて、深夜に快適なデザインを実現
Related Tools
CSSコンバーターへのレス
LessのコードをCSSに変換します。高速、簡単、安全。
SCSSからCSSへのコンバーター
SCSS コードを CSS に変換します。高速、簡単、安全。
美しいCSSテキストグラデーションを簡単に作成
あなたのウェブサイトのための見事なグラデーションテキスト効果を作成する
ASCIIからバイナリへ
ASCII文字をバイナリコードに簡単に変換
画像からBase64へのコンバーター
Web開発とデータ埋め込みのために画像をBase64エンコーディングに変換
長さコンバーター
異なる長さの単位間で簡単かつ正確に変換します。日常の使用やプロフェッショナルなアプリケーションに最適です。