CSSグラデーションボーダージェネレーター
グラデーションボーダーを数秒で作成。色・方向・幅・角丸を自由にカスタマイズして、すぐに使えるCSSコードをコピーできます。外部ライブラリ不要・登録不要。 プレビュー カラーストップ ＋ カラーストップを追加 グラデーションの方向 ↑ 0° ↗ 45° → 90° ↘ 135° ↓ 180° ↙ 225° ← 270° ↖ 315° カスタム角度 ° ボーダー設定 ボーダー幅 3px 角丸（radius） 12px パディング 20px CSSの実装方法 background-clip（推奨） border-image background-clip: padding-box を使用。角丸（border-radius）対応で全ブラウザで動作します。 ...