cara membuat link nudging dengan css di blog

halo sobat dalam postingan kali ini saya akan share cara membuat link nudging dengan css. link nudging adalah link yang saat di sorot oleh mouse akan mempunyai efek bergerak

mungkin itu pengertiannya hehe soale saya kurang ngerti pengertiannya, kalo demo dari link nudging ini bisa di lihat di blog saya yang satuan sampeweweh.blogspot.com di sana ada menu silahkan sobat sorot kesana pasti bergerak begitu lah link nudging

udah tau apa link nudging itu? kalo udah tau sekarang kenapa harus make css buatnya? bukannya ada link nudging dengan jquery? keuntungannya memasang link nudging dengan css adalah blog akan tetap ringan karena tidak adanya javascript seperti pada jquery. namun ada satu yang menurut saya kekurangannya link nudging dengan css tidak bisa di gunakan untuk semua link pada blog hanya pada link yang kita berikan code. Sedangkan dengan jquery akan otomatis terpasang pada semua link pada blog. Jika tertarik dengan jquery silahkan search di google karena kali ini yang saya bahas link nudging dengan css...

oke langsung ke pokok masalah

cara memasangnya :

-copy kode di bawah di atas code ]]></b:skin>



#animateList li a {

-moz-transition: all 0.26s ease-out; /* FF4+ */

-o-transition: all 0.26s ease-out; /* Opera 10.5+ */

-webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */

-ms-transition: all 0.26s ease-out; /* IE10? */

-moz-transition-duration: 1s;}

#animateList li a:hover {

padding-left: 100px;

}



jika sudah save template sobat..

kemudian jika ingin memasangnya code untuk linknya seperti ini

<div id="animateList">

<li><a href="#">Tautan Satu</a></li>

<li><a href="#">Tautan Dua</a></li>

</div>



tinggal isi pagar denga link tujuan, tautan satu dan dua ganti dengan judul link,

selesai sekarang link nudging dengan css sudah bisa di terapkan pada blog sobat..

semoga dapat bermanfaat yaaa sobat

source :http://musakhairulumam.blogspot.com/2011/10/cara-membuat-link-nudging-dengan-css.html