Cara Membuat Efek Text 3D di Blog

A da banyak cara untuk mempercantik tampilan font untuk website/blog, ada yang menggunakan gambar dari hasil Photoshop, beberapa diantaranya menggunakan CSS. Dengan CSS pun ada bermacam-macam variasi yang bisa dilakukan untuk memperindah tampilan text, salah satunya adalah menampilkan efek 3D seperti contoh berikut. Bagaimana langkah-langkahnya ? Silahkan ikuti langkah-langkah berikut :
Copy kode berikut :

<h4 style="text-shadow: 1px 0px #ccc, 0px 1px #ccc, 2px 1px #ddd, 1px 2px #bbb, 3px 2px #ddd, 2px 3px #bbb, 4px 3px #ddd, 3px 4px #bbb, 5px 4px #ddd, 4px 5px #bbb, 6px 5px #ddd, 5px 6px #bbb, 7px 6px #ddd, 6px 7px #bbb, 8px 7px #ddd, 7px 8px #bbb, 8px 8px #ddd; font-size: 50px; color: #33FF00; text-align:center; text-height:font-size;">AKU PEJANTAN TANGGUH</h4>

Paste-kan kode tersebut di mana akan ditempatkan. Hasilnya kira-kira seperti ini :

AKU PEJANTAN TANGGUH

Catatan : Kata "AKU PEJANTAN TANGGUH" ganti dengan kata yang anda inginkan, untuk mengubah warna text silahkan ganti kode #33FF00 dengan warna yang lain. Untuk kode warna silahkan klik kode warna.. Selamat mencoba, jangan lupa tinggalkan komentar anda.

Label :Tutorial