🎨
CSSグラデーション作成
css · gradient · linear · radial · color
角度135deg
カラーストップ
0%
100%
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);使い方
- 1
プリセットを選ぶか自分で作成します。
- 2
タイプ・角度・カラーストップを調整します。
- 3
生成されたCSSをコピーします。
FAQ
このツールは無料ですか？
はい、登録もインストールも不要で、すぐに完全無料で使えます。
このツールはどんなツールですか？
なめらかな色のグラデーションを作り、そのまま使えるCSSを出力するツールです。色や方向を視覚的に調整して、コードをサイトにコピーできます。すべてブラウザ内で動作します。