Cara Membuat Efek Bayangan Pada Teks A Z K A V E I R O: Cara Membuat Efek Bayangan Pada Teks
2

Cara Membuat Efek Bayangan Pada Teks

Share on :

Pada kesempatan kali ini saya akan berbagi mengenai Trik CSS yaitu cara membuat efek bayangan pada teks. Trik ini berguna untuk memperindah tampilan blog sobat terutama pada teks yang ada pada blog sobat. Seperti pada adobe photoshop yang bisa memberikan efek bayangan pada benda apa saja, pada blog pun pasti bisa. Berikut ini adalah Contoh teks yang mempunyai bayangan.

Tampak mengagumkan bukan? :),, cara membuatnya yaitu Sobat Blogger semua harus membuat Class CSS dulu. Atau kalau sudah ada tinggal menambahkan saja properti CSS berikut pada class CSS sobat :
 text-shadow:2px 4px 8px #000;

Keterangan :
2px : Jarak Bayangan dari teks secara Horizontal, semakin besar nilainya maka semakin ke kanan.
4px : Jarak Bayangan dari teks secara Vertikal, semakin besar nilainya maka semakin ke bawah.
8px : Hardness bayangan atau ketebalan bayangan.
#000 : Warna Bayangan.

Contoh : Copy kode dibawah ini dan letakkan sebelum tag ]]></b:skin> apabila sobat menggunakan blogger, jika sobat menggunakan style biasa copy saja sebelum tag </style> ngerti kan?

.teks-bayangan {text-shadow:2px 4px 8px #000;}

Kemudian saat sobat membuat posting blog atau sejenisnya, sobat tinggal menambahkan class="teks-bayangan".

<p class="teks-bayangan">Isi teks yang akan diberi efek bayangan</p>

Seperti itulah caranya, jika kurang jelas silahkan tanyakan melalui form komentar. Sobat Blogger semua dapat mengkreasikan sendiri efek bayangan pada teks sesuai dengan yang sobat inginkan.

PPC Iklan Blogger Indonesia

Ditulis Oleh : Azka Latif Noor ~ Tips dan Trik Blogspot

Azka Latif Noor Sobat sedang membaca artikel tentang Cara Membuat Efek Bayangan Pada Teks. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

2 komentar:

BigBang mengatakan...
Reply

jangan lupa singgah dii blog saya gan >>> http://k-popers.org

Boy Purba mengatakan...
Reply

nitip blog gan

purbalaban.blogspot.com

Posting Komentar

BLOG INI DOFOLLOW .
Silahkan tinggalkan komentar dan kritik sobat, tapi mohon jangan SPAM ya..!
Komentar SPAM akan di HAPUS oleh admin.
Komentar yang membangun sangat dibutuhkan oleh blog ini.
Terima Kasih.

Back to Top