CSSでグラデーションテキストはどうやって作りますか？
CSSでグラデーションテキストを作るには、background に linear-gradient を指定し、-webkit-background-clip: text と -webkit-text-fill-color: transparent を組み合わせます。本ツールではこれらのCSSを自動で生成できます。
グラデーションテキストのブラウザ対応状況は？
background-clip: text は Chrome、Firefox、Safari、Edge など主要なモダンブラウザで対応しています。-webkit- プレフィックスを付けることでより広い互換性を確保できます。IE11では非対応です。
色を3色以上使ったグラデーションは作れますか？
はい。本ツールでは「カラー追加」ボタンで色を自由に追加できます。3色、4色、それ以上のグラデーションも簡単に作成可能です。不要な色は削除ボタンで取り除けます。
放射状グラデーションも使えますか？
はい。方向セレクタで「放射状 (radial)」を選択すると、中心から外側に向かって広がるグラデーションテキストを作成できます。線形グラデーションでは各方向（右、左、下、上、斜め）にも対応しています。
生成されたCSSコードはどう使いますか？
ツール下部に表示されるCSSコードをコピーして、スタイルシートの該当セレクタに貼り付けるだけで適用できます。「CSSをコピー」ボタンでワンクリックコピーが可能です。
入力したデータは安全ですか？
はい。本ツールはブラウザ上で完全に動作し、入力されたテキストや設定はサーバーに送信されません。すべての処理がローカルで行われるため、安心してご利用いただけます。
アニメーション効果を付けられますか？
ツール自体でアニメーション生成機能は実装されていませんが、生成されたCSSコードにCSSアニメーション（@keyframes）を手動で追加できます。例えば、グラデーションの角度を時間とともに変化させることで、流動的な効果を作れます。
HTMLでの実装方法は？
<span> や <div> 要素にクラスを付与し、生成されたCSSをスタイルシートに貼り付けるだけです。例：<span class="gradient-text">テキスト</span> に対して、background: linear-gradient(...); -webkit-background-clip: text; を適用します。
背景色の設定はできますか？
グラデーションテキストは背景をテキストに合わせて透過させるため、背景色設定機能はツール内にありません。しかし、生成されたCSSの親要素に background-color を追加することで、テキストの背後に背景色を配置できます。
テキストの影（text-shadow）は組み合わせられますか？
ツール内でtext-shadowを直接設定することはできませんが、生成されたCSSコードに手動でtext-shadow プロパティを追加可能です。例：text-shadow: 2px 2px 4px rgba(0,0,0,0.5); で立体的な効果が得られます。
プリセット以外の色を自由に選べますか？
はい、プリセット（サンセット・オーシャン等）から選ぶか、カラーピッカーで独自の色を選択できます。複数の色を組み合わせてカスタムグラデーションを作成し、方向や角度も自由に調整できます。
モバイルデバイスで表示されますか？
はい、グラデーションテキストはほぼすべてのモダンブラウザで表示されます。ただし、古いブラウザ（IE11など）では表示されない可能性があります。-webkit プレフィックス付きコードが自動生成されるため、互換性を高めています。