テキストに影を落とすCSS3 のプロパティ text-shadow についてまとめました。 前回紹介させていただいた、ボックスに影を付ける box-shadow プロパティと使い方は似ています。 text-shadow の記述方法 以下、text-shadow の基本的な使い方です。 p { -moz-text-shadow:5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; box-shadow:5px 5px 5px #ccc; } ※Firefox向け、Safari や Chrome向けのベンダープレフィックスも付けておきます。 text-shadow の値 text-shadow の値は以下のようになります。 1番目
![[CSS]テキストに影を落とすCSS3 のプロパティ「text-shadow」](https://cdn-ak-scissors.b.st-hatena.com/image/square/38292673eca1b9185cfd803dac63b56f05653fca/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2013%2F02%2Ftextshadow.png)