3D text dan Inset text

Share on :
advertisement
Iseng-iseng tadi bikin experiment mencoba coba hal baru, eh malah jadi 3D text dan Inset text, disini baru fahmi paham bahwa cara bikin teks 3D ternyata ga susah-susah amat. Terkadang apa yang di lihat bagus ga serumit pembuatannya dan begitu juga sebaliknya... Cuma mainin teks shadow minimal 2 Shadow, di pasin Vertikal sama Horizontal jangan lupa warna di kontrasin terus jadi deh.
Inset juga hampir sama kaya 3D cuma kalau Inset lebih mainin ke Rgba color.
Soalnya untuk mentransparankan warna...
contohnya seperti ini.

CSS Inset Text

body{
background:#C92E2E;
}
#inset{
font-family:Arial Black;
font-size:100px;
color:rgba(0, 0, 0, 0.1);
text-shadow: 3px 3px 5px #C92E2E, 0 0 0 rgba(0, 0, 0, 0.8);
letter-spacing:-10px;
text-transform:uppercase;
}

HTML Inset Text

<div id='inset'>Inset</div>

CSS 3D Text

#IW-Net{
font-family:Arial Black;
font-size:100px;
color:#A60518;
letter-spacing:-10px;
text-transform:uppercase;
text-shadow:0 6px 1px #750000, 1px 5px 10px #000;
}​

HTML 3D Text

<div id='IW-Net'>indonesia</div>




KLIK DISINI UNTUK DEMO