Home / Tutorial / Tutorial Efek Teks Dengan Css3
tutorial-css3

Tutorial Efek Teks Dengan Css3

Ahhahahaha… Hello BinusHacker 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 😀
Disana bisa kalian kembangkan dengan kreasi kalian

Mungkin kalian bisa kunjungi situs update css3.
http://www.css3.info/atau www.w3schools.com/css3/default.asp

So keep up your imagination 😀

About anggamovic

Web developer and web desain, just an ordinary man, but with brain more than ordinary man! Wordpress Developer : Created Desktop-Like Wordpress Theme Pc33 Dev : Mig33 Komputer Room Community

Check Also

machine-learning-data-mining-binushacker

Machine Learning dan Data Mining

Greeting BinusHacker Family, Kali berbagi materi untuk machine learning basic untuk kebutuhan belajar mengembangkan ilmu …

8 comments

  1. Manstab….
    thanks for sharing.
    🙂

  2. ne mksd na apaan bg..???

  3. Keren masbro

    |SYndicate OS

  4. keren kak…
    hla cara masukan teksnya gimana?? 😀

  5. nice share gan

  6. hmm gan fontnya bisa di ganti?

  7. wihh keren CSS nya…
    susah tapi saya cara mengaplikasikannya 🙁

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *