Jumat, 24 Februari 2012

Membuat Efek Shadow Pada Teks Dengan CSS Dah HTML

Membuat Efek Shadow Pada Teks Dengan CSS Dah HTML
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...



Tidak ada komentar:

Posting Komentar