見出し画像

CSSでテキストに影をつける

CSSでテキストに影を付けます。

✓text-shadow:水平 垂直 ぼかし 色;

※ぼかしは必須ではないので指定しなくてもオッケーです。

✓今回のコード

.works{
text-shadow: 2px 2px 2px #000, 0 0 #000;
}

※,(カンマ)で区切ることで複数の影の指定が可能です。

画像1

水平の指定は-2pxなどを指定すると左側に影ができます。

垂直の指定は-2pxなどを指定すると上方向に影ができます。


この記事が気に入ったらサポートをしてみませんか?