Thursday, October 20, 2011 at 5:32 PM with ≡
Hallo, Hallo!! Sekarang aku mau ngasih tutorial Image Hover 2 seperti aku kalau tersorot Kursor akan berubah bentuk dan ada shadownya XD mau tau caranya??
Nih caranya:
Dashboard>>Design>>Edit HTML
Kalau udah ketemu kamu COPAS kode dibawah ini tepat DIBAWAH kode <Head>
<style type='text/css'>
img {
transition: 0.5s ease-out;
}
img:hover{
-moz-border-radius: 35px;
border-radius: 35px;
-webkit-box-shadow: 0px 0px 20px #ffc0cb;
-moz-box-shadow: 0px 0px 20px #ffc0cb;
transition: all 0.5s ease-out;}
</style>
Little Note:
Merah itu Radius lengkungan gambar kamu waktu kena hover
Biru itu Ketebalan/radius shadow kamu
Pinkie itu Warna Shadow kamu
Orange itu radius waktunya ^_^
Preview Dulu!! kalau udah selesai baru Save Template
Kalau kamu pake Tutor ini kamu harus pake Credit!! karena aku nggak copas tutor ini dari siapapun apalagi ngebuka source orang!!
Labels: Tutorial
