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.

Related Posts:

Disqus Comments
© 2017 SPOTROID - Template Created by goomsite - Proudly powered by Blogger