Tutorial Efek Teks Dengan Css3


Ahhahahaha… Hello Hacker-Terminal Family,

Sore sore gini, balik magang, enak nya bahas yang ringan ringan sajah yah.
Sekarang kita akan bermain dengan css3 text effect, khusus nya text-shadow.
Sebelum nya kita rumuskan dulu taging text-shadow di css 3:
text-shadow: h-shadow v-shadow bluer color;

h-shadow = horizontal shadow
v-shadow = vertical shadow
Oke sekarang kita mulai berexperiment
.binus-hacker
{
color: #fff;
font: 80px Times New Roman, Times, serif;
text-shadow: 0 1px 0 #999,
0 2px 0 #999,
0 3px 0 #999,
0 4px 0 #999,
0 5px 0 #999,
0 6px 0 #000;
}
Demo Tampilan:
.pc33
{
font: 80px Times New Roman, Times, serif;
text-shadow: -1px -1px 0px #000, 1px 1px 0px #666;
}
Demo Tampilan:
Okeh singkat yah :D
Disana bisa kalian kembangkan dengan kreasi kalian
Mungkin kalian bisa kunjungi situs update css3.
http://www.css3.info/atauwww.w3schools.com/css3/def`ult.asp
So keep up your imagination :D

Artikel Terkait :



0 comments:

Post a Comment