Popular Posts

Monday, January 9, 2012

Kode HTML untuk Membuat Tulisan Berbayang atau Shadow

Kode HTML untuk Membuat Tulisan Berbayang atau Shadow - Jika anda menulis artikel di blogspot atau wordpress pernahkah anda membuat tulisan yang kelihatan berbayang atau seolah ada efek shadow. Nah jika anda ingin membuat tulisan yang mempunyai efek berbayang anda bisa menggunakan CSS atau langsung menulis kode html-nya terserah anda yang mana menurut anda anggap mudah.

untuk membuat tulisan berbayang maka anda akan menggunakan perintah text-shadow yaitu dengan contoh format penulisan HTMLnya


<p style="text-shadow: 1px 2px 4px #ff3399;"> Tulis Tulisan Anda disini </p>

Contoh :
Ali Bloggers Community


Penjelasannya untuk penulisan kode HTML tulisan berbayang, yaitu:


pada ukuran 1px diatas menunjukkan posisi relatif bayangan berdasarkan sumbu X dan anda bisa merubah ukurannya sesuai yang anda inginkan (nilai positif kearah kanan dan nilai negatif kearah kiri)
pada ukuran 2px diatas menunjukkan posisi relatif bayangan berdasarkan sumbu Y dan anda bisa merubah ukurannya sesuai yang anda inginkan (nilai positif kearah bawah dan nilai negatif kearah atas)
pada ukuran 4 px diatas menunjukkan ukuran blur dari bayangan yang terbentuk dan anda bisa merubah ukurannya sesuai yang anda inginkan
#ff3399 diatas menunjukkan warna dari bayangan dan anda bisa mengganti warna yang lain yang anda inginkan.
Jika anda ingin memberikan warna pada tulisannya sesuai dengan yang anda inginkan maka anda bisa menambahkan perintah color pada style, misalnya <p style="text-shadow: 1px 2px 4px #ff3399;color:#0000ff;">
Jika anda ingin membuat efek tulisan tebal maka anda bisa menambahkan perintah font-weight pada style dengan value bold, misalnya <p style="text-shadow: 1px 2px 4px #ff3399;color:#0000ff;font-weight:bold">
Jika anda menginginkan paragraphnya rata kiri-kanan atau justify maka anda bisa menambahkan perintah text-align pada style dengan value justify, misalnya <p style="text-align:justify;text-shadow: 1px 2px 4px #ff3399;color:#0000ff;font-weight:bold">
Anda bisa saja mengganti tag p yang digunakan untuk paragrap menjadi span jika hanya pada sebagian tulisan dalam satu paragrap yang akan diberikan efek berbayang.



rating 4.5

No comments:

Post a Comment