ツール一覧に戻る

CSS Gradient

CSSグラジエントメーカー

GUI操作でグラジエントを作成。CSS・Tailwindコードをそのままコピーできます。

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

グラジエントの種類

角度

135°
180°359°

カラーストップ

#6366f1
0%
#ec4899
100%