56px
グラデーション文字
グラデーション 文字 生成とは？
グラデーション 文字 生成は、テキストに滑らかな多色グラデーションを適用し、すぐに使えるCSSを出力します。効果をライブでプレビューし、CSSクラスを直接スタイルシートにコピーできます。
グラデーション 文字 生成の使い方
- テキストを入力し、グラデーションの色を選択します。
- 方向を選択し、フォントサイズを調整します。
- CSSをコピーして、スタイルシートに貼り付けます。
詳しく見る▾
CSSグラデーション文字の仕組み
CSSグラデーションのテキストは次を使用します background: linear-gradient(...) と組み合わせて -webkit-background-clip: text および -webkit-text-fill-color: transparent。これによりグラデーションがテキストの形状にクリップされ、文字がグラデーションカラーで塗りつぶされているように見えます。
よくある質問
すべてのブラウザで動作しますか？
はい。-webkit プレフィックスは幅広い互換性のために含まれています。