Social Icons

facebook google plus email

Sunday, July 1, 2012

Membuat Efek Shadow Pada Teks Dengan CSS Dah HTML

Share on :
Membuat Efek Shadow Pada Teks Dengan CSS Dah HTML | d'Hidra Cyber - Assalamualaikum sobat...,, Setelah sekian lama gak nongol di dunia blogger, kali ini saya akan membagikan sedikit ilmu pemrograman web dasar dalam pengelolaan teks.

Setelah saya buka-buka bahan kuliah yang dulu, saya tidak menemukan trik yang satu ini. Yup...,, kali ini kita akan membuat efek shadow / bayangan pada teks dengan memanfaatkan sedikit script CSS dan HTML.
CSS mampu memberikan fasilitas untuk menentukan efek-efek dari teks yang ditampilkan pada browser. Beberapa properties teks yang dapat diatur oleh CSS di antaranya adalah :
  • Shadow / bayangan (text-shadow)
  • Warna teks (color)
  • Outline teks (outline)
  • Ukuran teks (size)
  • Dan lain sebagainya
Tapi buat kali ini kita hanya akan mencoba membuat efek shadow, kalo yang lainnya, mungkin udah biasa.

Walau terlihat sederhana, tapi efek ini cukup untuk membuat tampilan sebuah website menjadi menarik tanpa harus menggunakan gambar.

Untuk lebih jelasnya, sobat bisa coba script berikut ini :


Inilah hasil dari efek shadow yang kita buat :



Ini Adalah Text Dengan Efek Shadow / Bayangan



Sobat bisa berkreasi sendiri dengan sedikit utak-atik script agar teks yang dibuat menjadi lebih menarik dan bagus.....

Selamat mencoba, semoga bermanfaat posting kali ini...

Salam...


Share on :
Share

Lihat Juga Yang Berikut Ini :



Special Tips :

0 komentar:

Post a Comment

Aturan Dalam Berkomentar :

1. Silakan Berkomentar Dengan Baik Dan Sopan.
2. Mohon Untuk Tidak Mencantumkan Link Aktif Pada Komentar.
3. Mohon Untuk Tidak Promosi Produk Disini (Dianggap Spam).
4. Bila Komentar Tidak Sesuai Aturan Diatas Maka Komentar Akan Saya Hapus.

<-- Thank's -->