Cara Buat Efek Bayangan Pada Teks Blog (effect shadow)

SPOTROID - Cara memperindah tampilan teks dengan efek text-shadow (bayang). Cara ini dapat sobat 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, sobat bisa langsung copy paste kode style berikut.

Tapi sangat dianjurkan mengetiknya sendiri agar tidak di anggap sebagai blog dengan konten hasil copas, dan dengan mengetik sendiri akan menambah pengalaman sobat.

Berikut Ini Beberapa Style Text Shadow


DEMO Belum bisa Ditampilkan di Dokumen AMP

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

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

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

Untuk membuat efek bayangan lain sobat cukup mengganti warna dan nilai px, kode warna bisa sobat lihat disini -> Kode Warna HTML Paling Lengkap.


Salam sukses...
BLOG: Awak Blang Awe

YUK IKUTAN BERPARTISIPASI
Anda suka dengan artikel di atas? Bagikan!
Dengan 1x Anda membagikan artikel blog ini, artinya Anda telah ikut serta dalam menunjang berkembangnya blog "Spot Teknologi Android". Sekecil apapun usaha partisipasi Anda sangat berarti bagi blog ini, terimakasih.