CSSでテキストに影をつけるとき(text-shadow)のやり方

CSSで文字に影(ドロップシャドウ)を付けたいときはtext-shadowプロパティを使うことで影をつくることができます。

text-shadowの使い方

text-shadow: 横のオフセット 縦のオフセット ブラー 色;
h1 {
  text-shadow: 5px 5px 10px gray;
}

h1の見出し「マーチンのわかばマーチ」の文字にtext-shadowをかけたときのサンプル画像

1番目の値で横の位置、2番目の値で縦の位置を指定し、3番目の値で影をぼかしをかけることができます。

私はいっつもtext-shadowを書くときに忘れてしまうので、こうやって記事に書いて残しておこうと思います。