今回の記事ではテキストの周りに影をつけるやり方（text-shadow ）について紹介いたします。

使い方

text-shadow : 10px 15px 10px #969696;

このように指定します。

左から1番目の10pxは左右の位置

左から2番目の15pxは上下の位置

左から3番目の10pxはぼかし具合

一番右の#969696は影の色を指定しています。

まずは通常の状態から見ていきます。

この「テキスト」の文字に影をつけます。

先程の ext-shadow : 10px 15px 10px #969696; と指定します。

すると・・・

このようにテキストに影をつけることができます。