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. hajarabis says:

    wah..lumayan ni buat belajar…
    thanks infonya…^^

    salam kenal,

  2. mas-tony says:

    Bisa dipraktekan nih, semoga tidak error blognya

  3. Forex says:

    Wih keren tw infonya

  4. MAntab, harus dipelajari neh… :D
    Salam kenal mas… :D

  5. Buat seorang newbie, tutorialnya kurang panjang.

    BTW oke lah… Sebab ini yang aku cari hehehe…

  6. buku muslim says:

    keren bang. btw, ada ngga totorial efek yang lain na?

  7. akatsuci says:

    css bisa begitu ya ? hebat :)

  8. Bisa juga dengan Ms.Word atau Ms.PowerPoint

  9. Keren mas infonya. ada software buat buat gtuan g mas biar lbh cepat lagi

  10. Ijin baca2 artikelnya mas ya. keliatannya bgs2 nih artikelnya

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