Home / blogging / Text Efek Blur

Monday

Text Efek Blur

Hallo sobat blogger,sudah lama tidak posting nih,saya juga bingung mau posting apa,jadi apa adanya aja ya :D

CSSnya 

.inzeblur {
  color:white;
}
.inezblur:hover {
  text-decoration:none;
  padding-left:0%;
color:transparent;
text-shadow:0px 0px 7px white;
}

HTMLnya
<div class='inezblur'>Sorot ke sini mouse mu !!</div>

Sorot ke sini mouse mu !!




Lebih Lanjut !!

untuk membuatnya link blur juga bisa sih..,cuma tambah code text-shadow:0p x0px 7px white; ini aja kok :D , jadi intinya yang membuat blur hanyalah code ini text-shadow:0px 0px 7px white; :D

Sekian tutor sederhana saya :D  |  Source : http://vegazzine.blogspot.com/

Text Efek Blur Rating: 4.5 Diposkan Oleh: uki

4 komentar:

  1. AkbaromadhonJune 25, 2012 at 8:34 PM

    Blur itu gimana gan :D lengapin lagi donk tutorial nya, hehe ^_^

    ReplyDelete
  2. ukiJune 25, 2012 at 8:46 PM

    @Kayuaugng : silahkan sorot mouse mu ke tulisan "Sorot ke sini mouse mu sempak !!" nnti ada efeknya kok,saya rasa ini tutor sudah cukup kok :D

    ReplyDelete
  3. abang ichalJune 26, 2012 at 9:08 AM

    alangkah lebih bagusnya jika dipasang dengan DEMO nya

    ReplyDelete
  4. ukiJune 26, 2012 at 12:28 PM

    @ahmad : Demonya ada kok,yang tulisan sorot mouse mu ke sini.

    ReplyDelete

Subscribe to: Post Comments (Atom)