border-radius: 16px;CSS 境界線ジェネレーターは、CSS ボーダー ラジウス プロパティのビジュアル エディターです。 スライダーを各コーナーにドラッグし、プレビュー要素をリアルタイムで見て、それが生成する正確な CSS をコピーします。ピクセル値を推測してページを再読み込みします。
境界線半径プロパティはシンプルに見えますが、人をつまむコンパクトな省略形があります。1 つの値が 4 つのコーナーすべてを丸め、2 つの値が 2 つの対角線を設定し、4 つの値が左上から時計回りに動作します。 このツールを使用すると、各コーナーを個別に設定し、最も短い同等の短縮形を自動的に出力できるため、CSS はクリーンなままになります。
すべてがブラウザで実行されます。 カード、ピル、サークル、ブロブなどのプリセットから始めて、各コーナーを微調整し、単位をピクセルとパーセンテージの間で切り替えて、宣言をコピーします。 アカウントもアップロードもありません。ページが読み込まれた後もオフラインで動作します。
開始点を表示する場合は、丸みを帯びた、丸みを帯びた、丸みを帯びた丸みを帯びた角から開始するプリセットを選択します。
左上、右上、右下、左下のスライダを個別にドラッグして、各コーナーをそれぞれ丸めて丸めたり、すべてを同じ半径の同じ値に設定します。
PX、%、EM、および REM を切り替えます。 パーセンテージは、要素サイズに対して楕円の角を作成します。すべてのコーナーで 50% を設定して、完全な円または楕円を作成します。
生成された境界線半径宣言を、有効な最短の短い時間に縮小してコピーし、スタイルシートに貼り付けます。
四隅すべての独立したスライダーを使用すると、均一な丸めだけでなく、葉、タブ、音声バブル半径などの非対称形状を構築できます。
ツールは、四隅を自動的に折りたたんで、最も短い等価な境界線半径短縮にして、CSS をクリーンで読みやすくします。
PX、%、EM、REM を切り替える — パーセンテージは、円と BLOB の作成方法である、ボックスのサイズに対して楕円の角を生成します。
ドラッグするとプレビュー要素が即座に更新されるため、何かをコピーする前に角が丸く見えるかを正確に確認できます
Design layered CSS box-shadows with a live preview and sliders for offset, blur, spread, color, opacity, and inset — then copy production-ready CSS.
Create beautiful CSS gradients with live preview
Design layered CSS text-shadows with a live preview and sliders for offset, blur, color, and opacity — build glow, outline, retro 3D, and emboss effects, then copy production-ready CSS.
0 comments
No comments yet. Be the first to share your thoughts!