DesignMagz

Ingin lebih menonjolkan titel atau judul dari artikel yang Anda tulis? Atau ingin memperindah tulisan agar kelihatan tidak biasa? Salah satu solusinya bisa dengan menggunakan bayangan atau shadow pada teks tersebut. Ada berbagai jalan untuk menambahkan bayangan pada sebuah teks, bila Anda lebih suka dalam bentuk grafis, Anda dapat menggunakan teks dalam bentuk image yang diberi bayangan dengan Photohop, atau GIMP. Bila Anda lebih menyukai menggunakan teks, mungkin cara ini dapat bermanfaat bagi Anda.

Trik bayangan dalam artikel ini terbilang cukup “Aman” karena menggunakan CSS dan HTML saja. Anda dapat melihat contoh dari teks yang telah diberi bayangan disini.

Bayangan diatas menggunakan teknik penumpukan teks yang kemudian diatur menggunakan CSS, dengan trik ini, cukup aman diterapkan mengingat dukungan browser yang lebih luas pada CSS level 1. Baiklah, kita akan mulai pada teknik pembuatan.

Pertama, kita akan membuat teks yang tampil sebagai teks bayangan dengan tag:

Pada contoh diatas, saya pergunakan inline css agar lebih jelas, pada prakteknya, Anda dapat menyimpannya dalam file css Anda. CSS diatas berfungsi untuk menentukan posisi teks dan warna.
Kedua, tambahkan teks baru untuk menampilkan teks depan, disimpan diantara tag heading (h4).

Jadi hasil akhir tampak seperti dibawah:

Bagaimana mudah bukan? Cara ini adalah cara alternatif dari penggunaan text-shadow pada CSS level 2. ( Pupung Budi Purnama)