Membuat Bayangan Pada Text dengan menggunakan CSS3

Hi.... agan-agan pengunjung setia blog nae...

Kali ini ane mau shareing tentang trick CSS3. Ok, Langsung aja ya...
Sebenarnya efeck ini hanya akan terlihat oleh mata jika diperhatikan dengan teliti. Namun jika kita dapat
mengatur value dari berbagai property-nya dengan kecocokan warna blog/site kita, maka blog kita akan terlihat indah.

Dengan kehadiran CSS3 ini, maka kita tidak perlu membuat text shadow mengunakan photoshop lagi. Tapi cukup dengan sintak CSS3 berikut ini :

text-shadow : none;

Sintak diatas digunakan jika kita tidak ingin memberikan bayangan pada text kita.



text-shadow : inherit;

Digunakan jika kita ingin menyeting agar value dari properti ini memiliki valu yang sama dengan style induk.

text-shadow : value1  value2  value3  color;

value1 : merupakan jarak bayangan jatuh ke bawah (px)
value2 : merupakan jarak bayangan geser ke kanan (px)
value3 : merupakan skala untuk mengatur seberapa buram bayangan yang akan dibuat. (px).
color : diisi dengan kode warna untuk warna bayangan.


Mudah kan....? semoga dapat membantu ya...

0 komentar:

Posting Komentar