Text shadow atau bayangan text sangat mirip pada box-shadow. Bedanya,box-shadow memberikan bayangan pada suatu element HTML seperti "div", "img", atau yang lainnya. Sedangkan Text Shadow memberikan bayangan pada suatu teks. Seperti pada navbar blog ini. Shadow text membuat teks menjadi lebih cantik dari pada defaultnya. Shadow text mirip dengan mengstabilo pada teks didunia nyata.Pembuatannya sangat mudah. Cukup dengan mengetik kode Cssnya saja.


Cara membuat text shadow
Ayo kita mulai sob. Caranya, ketikkan kode berikut di dalam element style Css.

<style type='text/css'>
text-shadow:1px 1px 1px red;
</style>

Atau sebagai berikut.
<p style="text-shadow:1px 1px 1px red;">BlogSeno</p>

Lihat hasilnya:

Indah bukan? Ketebalan dan warna Shadownya bisa diatur kok! Perhatikan keterangan berikut.

Keterangan px pertama
px yang pertama adalah, jarak shadow dengan text ke arah kanan. Contoh, bila kodenya adalah sebagai berikut,

<p style="text-shadow:5px 1px 1px red;">BlogSeno</p>

Maka hasilnya sebagai berikut.

Lihat sob, jarak shadownya jadi berbeda kan?

<p style="text-shadow:1px 5px 1px red;">BlogSeno</p>

maka hasilnya: