Hari Mulyanto
11

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>
Filed in: How It Works Tags: , , , , cara membuat font metal, cara mempercantik tampilan website, cara mempercantik tampilan web, font indah, cara membuat font metal dengan photoshop, cara memperindah tampilan website, mempercantik tampilan web, membuat font dengan photoshop, macam macam text, cara membuat font 3d di photoshop, 

11 Responses to "Cara Membuat Efek Text 3D dengan CSS"

  1. blog rangga says:

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

Leave a Reply

Submit Comment

© 2009-2016 Hari Mulya. All rights reserved. XHTML / CSS Valid.
Your Left Brain Can Analyze It While Your Right Brain Let You Feel It