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

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

text-shadowの使い方

text-shadow: 横のオフセット 縦のオフセット ブラー 色;

h1 {
  text-shadow: 5px 5px 10px gray;
}

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

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