Cara Membuat Efek Text 3D dengan CSS

Ada 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.

SAYA SUDAH KEMBALI

<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: #666; text-align:center; text-height:font-size;">SAYA SUDAH KEMBALI</h4>

11 thoughts on “Cara Membuat Efek Text 3D dengan CSS

  • 14 February 2012 at 18:30
    Permalink

    Mantap mas , cara merubah warna dan ukuran nya bagaimana mas ? mohon petunjuk nya , maklum mas masih newbe soal blog…..

    Reply

Leave a Reply to blog rangga Cancel reply