• djogzs
    Thank You Been Visiting My Blog-xD

Cara Membuat Teks menjadi 3D

Kali Ini Saya akan mengajarkan kepada kalian bagaimana

Sebelum kita memulai caranya mari kita lihat terlebih dahulu demonya di bawah ini...
Ini Adalah Demo Dari Text 3D :

3D CSS TEXT

WITH TEXT-SHADOW

Bagaimana ?...
Apakah Kalian tertarik untuk membuatnya ?...
Langsung Saja Ikuti tutorial Saya Di Bawah ini :
  • 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..

2 komentar:

{ Unknown } at: Januari 22, 2015 mengatakan...

thanks broo ilmunya...

Anonim at: November 06, 2017 mengatakan...

Mau nyoba ah

Silahkan untuk memberikan komentar di sini :

Pengeluaran Togel Harian

New Comment

Pengikut