グラデーション文字 HTML 生成ツール
文字を入力し、HTML 要素、2色、方向を選んで、生成したソースをコピーまたはダウンロードします。表示するのはソースのみで、描画プレビューではありません。
ソースのみ：文字はエスケープされ、HTML として表示されません。
使い方
使い方
- 最大160文字を入力します。
- span、p、h1、h2、h3 のいずれかと、2色、0°〜360°の角度を選びます。
- HTML ソースを確認し、コピーまたは HTML ファイルのダウンロードを行います。
ソースのみ
選んだ要素と CSS を含む完全な HTML 文書を生成します。入力文字の &、<、>、二重引用符をエスケープし、読み取り専用のソース欄だけに表示します。このツールでは HTML として描画しません。
ローカルの操作と出力
文字、要素、色、角度の変更でソースをローカルに更新します。角度は0〜360度です。コピーはブラウザーのクリップボードを使い、ダウンロードは text/html;charset=utf-8 の gradient-text.html を作ります。このページの入力値からソースを生成します。
よくある質問
あわせて知りたいこと
生成した HTML をここでプレビューできますか？
いいえ。ソースだけを表示します。ダウンロードした HTML には選んだ文字とグラデーション CSS が含まれます。
元の文字を変更しますか？
いいえ。HTML に関わる文字は生成したソース内でエスケープし、入力は保持します。
どの要素を選べますか？
span、p、h1、h2、h3 を選べます。