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
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...
0 komentar :
Posting Komentar
Berhubung Makin Banyaknya Komentar Yang Tidak Mematuhi Peraturan, Maka Setiap Komentar Yang Masuk Akan Di Moderasi (Diterbitkan Atas Persetujuan) Oleh Admin Terlebih Dulu.
Aturan Berkomentar
1. Silakan Berkomentar Dengan Baik Dan Sopan.
2. Komentar Sesuai Topik Artikel
3. Mohon Untuk Tidak Mencantumkan Link Aktif Pada Komentar.
4. Mohon Untuk Tidak Promosi Produk Disini (Dianggap Spam).
5. Komentar Menggunakan Akun Personal (mis. Akun Google), Bukan Akun Nama Produk Barang (Dianggap Promosi) dan Nama yang Mengarah ke URL Tertentu (Dianggap Spam).
6. Bila Komentar Tidak Sesuai Aturan Diatas Maka Komentar Tidak Diterbitkan Dan Akan Saya Hapus.
Spam = Delete...!!
Promosi = Spam = Delete...!!
Komentar Yang Sesuai Aturan akan Diterbitkan Selambat-Lambatnya Dalam 1x24 Jam.
-->Untuk Pertanyaan Yang Dirasa Penting (Urgent) Silakan Contact Saya Melalui Email Pada Link Berikut Ini : Contact Us
<-- Thank's -->