Membuat Tulisan Bayangan Dengan Text Shadow CSS3

Membuat Tulisan Bayangan Dengan Text Shadow CSS, tutorial kali ini kita akan membahas bagaimana caranya membuat tulisan bayangan pada teks dengan bantuan fungsi CSS. Pada umumnya yang sebelumnya jika kita akan membuat tulisan bayangan harus dengan gambar kali ini dengan bantuan CSS3 kita akan membuat efek bayangan pada tulisan dengan cepat dan sederhana.

Untuk kode dasar penggunaan efek bayangan seperti ini :

text-shadow: 10px 20px 30px #fff000;

penjelasan kode :
warna merah : luas bayangan secara horizontal
warna biru : luas bayangan secara vertikal
warna hijau : besaran blur pada teks
warna ungu : warna dari bayangan teks

contoh penggunaan:

<span style="font-weight: bold; color:#FF0000; text-shadow: 5px 5px 10px #000000;">CONTOH PENGGUNAAN TEXT-SHADOW</span>

CONTOH PENGGUNAAN TEXT-SHADOW

Jika dimasukkan ke dalam class CSS

<style type="text/css">
.bayangan{
   font-weight: bold;
   color:#FF0000;
   text-shadow: 5px 5px 10px #000000;
}
</style>

<p class="bayangan">CONTOH PENGGUNAAN TEXT-SHADOW</p>

Selamat mencoba semoga bermanfaat :)

Browse More Articles

Tweet

Written by Unknown

Kami melayani pembuatan berbagai macam web aplikasi sesuai kebutuhan anda, dapatkan harga terbaik dan jasa amanah dari kami."Menerima dengan sumringah dan mengerjakan penuh amanah"