色とデザイン
Border Radius ジェネレーター
無料のCSS border-radiusジェネレーター。ライブプレビューで角ごとの半径を視覚的に作成。ショートハンドCSSをコピーできます。ボタン、カード、あらゆる丸い形状に。
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
編集者注
Understanding · The shape of a corner.
この詳細な解説章は現在、英語版のみで提供されています。上の変換ツールはあなたの言語で動作しますが、長文の解説記事はまだ翻訳されていません。
よくある質問
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
他の人はこちらも検索しています
関連ツール