Border Radius生成ツール
CSS border radius値を視覚的に作成します。コーナーをリンクまたは個別に制御。
border-radius: 16px;
Top Left
16px
Top Right
16px
Bottom Left
16px
Bottom Right
16px
CSS border-radiusプロパティ - 技術的な詳細
border-radiusプロパティは要素の外側のボーダーエッジのコーナーを丸めます。すべてのコーナーに1つの半径を指定するか、ロングハンドプロパティを使用して各コーナーに異なる値を指定できます。
コマンドラインでの代替方法
.card {\n border-radius: 16px 16px 8px 8px;\n}\n\n.blob {\n border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;\n}