Cara Membuat Teks/Font 3 Dimensi

Hari ini saya secara tidak sengaja menemukan teknik merubah style font/teks menjadi 3 dimensi, lumayan untuk melengkapi tutorial CSS3 yang akan saya bagi buat teman-teman semua nih hehehe. Supaya tidak banyak kata-kata berhubung sudah agak mengantuk nih langsung saja kita bahas secara tuntas teknik ini dan cara pengaplikasiannya pada blogger kamu check this out

This Is Not A Jebakan Betmen But A CSS3 Text

Untuk Mendapatkan Efek 3 dimensi seperti itu kamu tinggal menambahkan kode seperti dibawah ini

0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);

Seperti Biasa kamu tinggal menambahkan kode CSS3 tersebut di akhiran CSS font pada template kamu, jika merasa kesulitan dalam mengaplikasikannya silahkan tinggalkan pertanyaan di kolom komentar, selamat berkreasi sobat. Blogging is sharing...

Description: CSS Font 3 Dimensi Rating: 4.5