Cara membuat Teks menjadi 3D

: 20.25 No comments


Cara Membuat Teks menjadi 3D

Oke sobat blogger seperti contoh teks di atas nah seperti itulah yang akan kita buat ,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

photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara membuat Teks menjadi 3D Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>