lihat juga

Sunday, January 8, 2012

Cara membuat Teks menjadi 3D


Cara Membuat Teks menjadi 3D

Oke sobat blogger seperti contoh teks di atas nah seperti itulah yang akan kita buat ,tutorial ini aku temukan di 80tasks.com oke untuk cara pembuatanya :
  • Loggin ke blogger.com
  • masuk Rancangan ---->Edit HTML ---->cari kode ]]></b:skin>
  • lalu masuk kan kode css di bawah ini tepat di atas kode ]]></b:skin>
  • Berikut kode nya :
  • font-face {     font-family: 'BebasNeueRegular';     src: url('BebasNeue-webfont.eot');     src: local('☺'), url('BebasNeue-webfont.voff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');     font-weight: normal;     font-style: normal; } .fontface {     font-size:30px;     line-height:30px;     font-family:'BebasNeueRegular', Arial, sans-serif;     font-weight:normal;     letter-spacing:5px;     color:#fff;     text-align:center;       text-shadow:         1px 1px #CCC,         2px 2px #CCC,         3px 3px #444,         4px 4px #444,         5px 5px #444,         6px 6px #444,         7px 7px #ccc,         6px 6px 15px rgba(0, 0, 0, 0.6);
  • Lalu save template
Nah untuk menjadikan teks menjadi 3D gunakan kode ini :

<h1 class="fontface">3D CSS TEXT</h1>
<h2 class="fontface">WITH TEXT-SHADOW</h2>
Oke selamat mencoba semoga berhasil

ads

Ditulis Oleh : gdfysx Hari: 5:25 AM Kategori:

0 comments:

Post a Comment

surf