3D Text Shadow CSS

Halo semua.. Apa Kabar........ laugh
Kali ini kita akan bahas mengenai 3D Text Shadow untuk membuat text biasa menjadi seperti 3 Dimensi, seperti pada gambar dibawah ini

kita cukup bubuhkan property CSS text-shadow berisi style dibawah ini

text-shadow:   1px 0px #eee, 0px 1px #ccc,
               2px 1px #eee, 1px 2px #ccc,
               3px 2px #eee, 2px 3px #ccc,
               4px 3px #eee, 3px 4px #ccc,
               5px 4px #eee, 4px 5px #ccc,
               6px 5px #eee, 5px 6px #ccc,
               7px 6px #eee, 6px 7px #ccc,
               8px 7px #eee, 7px 8px #ccc,
               8px 8px #eee;

dan hasilnya seperti di bawah ini

 

Example

 

Selamat mencoba... :D




Thursday, 17 Sep 2015 12:26 PM Arief Setya
Sign In
Sign In to Your Account :)
Sign In or Sign Up
 
Follow Us on Twitter
Find Us on Facebook