Membuat efek bayangan pada text di HTML

htmlOke sobat tekomuter
Dari pada bingung hari minggu gak ngapa-ngapain mending kita main HTML yuk
Oh ya kemaren admin heri telah memosting Cara Video Call Menggunakan Tango, jangan lupa dibuka ya !
Sekarang giliran admin engkoss nih mau mosting
Postingannya sederhanya ko
Kita hanya bermain prosotan kode HTML yang memberikan efek bayangan pada teks

Ini dia kodenya

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 2px 2px 2px #FF0000;
}
</style>
</head>
<body>

<h1>Tulisan ini mempunyai bayangan</h1>

<p><b>Catatan:</b> Bayangan pada text tidak aka terlihat di internet explorer</p>

</body>
</html>

Nah itu dia kodenya, tinggal kalian cpy paste kedalam notepad dan menyimpannya dengan extensi .html
  • Nah, untuk kode yang berwarna biru ( 2px 2px 2px ) anda bisa mengganti sesuai ketebalan bayangan yang anda inginkan,
  • kalau kode berwarna hijau itu ( #FF0000 ) adalah kode warna bayangannya, bisa anda ganti sesuai keinginan
  • Nah kalau anda ingin mengganti tulisannya tinggal ganti kode yang berwarna oren ( Tulisan ini mempunyai bayangan ) dengan tulisan yang anda inginkan

Kira-kira nanti hasilnya seperti ini


Nah begitulah kira-kira
Sudah ngerti kan ?
Gampang ko

Oh iya jangan lupa like fanspage kami ya ada di sidebar paling atas :)


Artikel Terkait:

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!

Article :

1 comment

March 6, 2013 at 12:41 PM

Maksih ya. Sangat brmmfaat ilmunya

Post a Comment

Jika ada yang mempunyai saran, kritik, maupun pertanyaan, jangan segan-segan untuk mengunkapkannya, ungkapkan saja dikotak komentar !
terimakasih :)

 
TEKOMUTER (Teknologi Ilmu Komputer) © 2012 | Designed by Cheap TVS, in collaboration with Vegan Breakfast, Royalty Free Images and Live Cricket Score