Cara Buat Efek Bayangan Pada Teks Blog (effect shadow)

Cara memperindah tampilan teks dengan efek shadow (bayang). Cara ini dapat di terapkan dengan menggunakan style shadow dalam elemen text pada tag HTML. Teks yang telah diberikan efek shadow akan terlihat lebih indah di mata pengunjung blog.

Teks atau tulisan dengan efek bayangan akan lebih terlihat mucul ke permukaan blog karena posisinya terlihat seakan mengambang, seperti tergantung. Untuk membuat teks bayangan ini cukuplah mudah, kamu bisa langsung copy paste berikut. Tapi sangat dianjurkan mengetiknya sendiri agat tidak di anggap sebagai blog dengan konten hasil copas, dan dengan mengetik sendiri akan menambah pengalaman kamu.

Berikut ini beberapa kode text shadow.

Kode 1:
<span style="text-shadow:2px 2px 2px grey;">CONTOH TEKS SHADOW</span>

Hasil:
CONTOH TEKS SHADOW

Kode 2:
CONTOH TEKS SHADOW

Hasil:
<span style="text-shadow:0px 1px 1px red;color:blue;font-weight:bold;">CONTOH TEKS SHADOW</span>

Kode 3:
CONTOH TEKS SHADOW

Hasil:
<span style="text-shadow:1px 1px 1px black;color:white;font-weight:bold;">CONTOH TEKS SHADOW</span>

Untuk membuat efek bayangan lain kamu cukup mengganti warna dan nilai px, kode warna bisa kamu lihat disini -> kode lengkap warna HTML.

Share this post