MEMBUAT 3D TEXT EFFECT DENGAN CSS

Cara mudah dan simple,membuat 3D text efek pada blog hanya perlu menambahkan beberapa kode CSS dan HTML,Mungkin lagi ada yang mencari artikel tentang cara membuat 3D text effect,pada postingan saya kali ini saya akan membahas tentang cara membuat 3D text effect menggunakan CSS, . .

• Masuk ke edit tempelate anda
• Copy CSS di bawah ini dan pastekan diatas ]]></b:skin> pada tempelate anda.

text3D {font-size: 75px;font-family:verdana;color:#fff;
-webkit-transition: all .7s ease-out; 
-moz-transition: all .7s ease-out; 
-o-transition: all .7s ease-out; 
transition: all .7s ease-out;
text-shadow: 0 1px 0 #ccc,
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);}

• Kalau sudah memasang kode CSS di atas langsung save tempelate anda
• Untuk menggunakan Efek 3D gunakan tag HTML di bawah ini

<text3D>Masukan text anda disini</text3D>

Nah begitulah cara membuat 3D text efek pada blog,selamat mencoba dan selamat berksperimen sob. . :)