ushiroyubi1's blog

お勉強の記録。備忘録。その他。

CSS3入門07 テキストに影をつけてみよう

テキストに影を付けるtext-shadowについて学んだ。

参考

#07 テキストに影をつけてみよう | CSS3入門 - プログラミングならドットインストール

指定の仕方としては縦方向・横方向・ぼかし具合・色の指定の順番で指定する。
コンマで区切ることで複数指定することが可能。
今回はぼかし具合を0にしたため、立体的な感じのテキストになっている。

ぼかし具合や、テキストとの距離でかなり印象が変わるため、色々と出来そう。
マイナスの値も指定もできる。

ちょっとしたタイトルなら、こういうのを使用していった方がパフォーマンス的にも良いのかもしれない。