グラデーション文字生成ツール
グラデーション文字のCSSをリアルタイムでプレビューしながら生成します。
グラデーション文字
.gradient-text {
font-size: 48px;
font-weight: 700;
background: linear-gradient(90deg, #f97316, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}使い方
テキストと色を設定するとグラデーション文字のプレビューとCSSが生成されます。
プリセットから素早く色の組み合わせを選んだり、カラーピッカーで自由に色を設定できます。
生成されたCSSをコピーして、そのままHTMLファイルで使用できます。
おすすめサービス
Canva Pro - デザインツール
デザインプロ品質のデザインを簡単作成。テンプレート豊富で初心者にもおすすめ。
Adobe Creative Cloud
デザインPhotoshop・Illustrator等のプロ向けデザインツール。学割あり。
※ PR・広告を含みます