BIKIN EFEK SHADOW PADA TEKS

Mumpung masih ingat tentang penggunaan CSS, kali ini saya ingin berbagi seputar efek lagi. Jika pada post sebelumnya tentang efek sahadow pada template blog, maka pada post ini adalah bikin efek shadow pada text sebuah blog.

Perhatikan tulisan berikut:

I LOVE YOU FULL

Lihat kode yang membentuk tulisan diatas:

<div style="font-family:Helvetica; text-align: center;">
<span style="font-size: 50px; text-shadow: 2px 2px 7px #fe04d8;"><b>I LOVE YOU FULL</b></span></div>

Dan kode yang membentuk shadow atau bayangan pada tulisan diatas adalah:

text-shadow: 2px 2px 7px #fe04d8;

Keterangan kode:

• 2px 2px 7px = Besaran shadow atas, kanan dan bawah pada teks
• #fe04d8 = Kode warna shadow

Kamu bisa mempersonalisasi tampilan shadow pada teks dengan merubah value kode text-shadow diatas sesuai dengan keinginan kamu. Lalu, bagaimana menempatkan kode text-shadow ini pada template blog, seperti pada judul post, header atau judul sidebar? Silahkan bereksplorasi sendiri dulu. Semoga kedepannya saya bisa mem-posting cara penempatannya pada template blog...

Demikian, moga bermanfaat!

Posted in: Blog,CSS,Edukasi,Efek shadow,Modifikasi Template,Tips triks