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 :
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 :
- Lalu save template
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);
<h1 class="fontface">3D CSS TEXT</h1>
<h2 class="fontface">WITH TEXT-SHADOW</h2>
Oke selamat mencoba semoga berhasil..
2 komentar:
thanks broo ilmunya...
Mau nyoba ah
Silahkan untuk memberikan komentar di sini :