タイトルや見出しに視覚的な趣向を凝らしたいなら「グラデーション」がおすすめです。 例えば下図のような具合に、見出しにグラデーションをかけるだけで、ページ全体に華やかな印象が加わります。 HTML&CSSで一工夫するだけで、彩り豊かなグラデーション文字を作ることができます。 今回は、HTML&CSSで文字にグラデーションを付けるテクニックをご紹介したいと思います。 また、記事の後半ではコピペで実装できるサンプルデザインも掲載しているので、すぐにグラデーション文字を使いたい方はどうぞ。 1.CSSで文字にグラデーションを付ける手順 まず、CSSには一発で文字にグラデーションを付けるようなプロパティや値はありません。 グラデーション文字を作るには複数のコードを組み合わせる必要があります。 具体的には、以下の3つのプロパティ・値を使って、グラデーション文字を描画していきます。 background
![CSSだけ!文字にグラデーションを付ける方法&サンプルコード集 | 向壁虚造](https://cdn-ak-scissors.b.st-hatena.com/image/square/970800a9e7f57a9dbb9e2cd0092d0243d6292d6b/height=288;version=1;width=512/https%3A%2F%2Fkouhekikyozou.com%2Fwp-content%2Fuploads%2Fcss_text_gradation.png)