 |
| cara membuat efek zoom |
Ni adalah salah satu teknik ninjutsu bagi saya yang dapat membuat blog anda tampak keren, teknik ini akan memberika efek zoom otomatis ketika kursor mouse anda di arahkan ke sebuah gambar yang ada pada sebuah blog menjadi besar sendiri dan menjadi normal atau kecil lagi jika mousenya di pindahkan dari gambar tersebut, Teknik ini sama seperti diserial naruto cho baika no jutsu (Jurusnya chouji di Naruto) :)
Untuk menggunakan jurus ini yang harus anda lakukan adalah :
 |
| klik template |
 |
| Paste code CSS |
- Silahkan login ke Blogger terlebih dahulu.
- Kemudian klik Tata Letak.
- Klik Edit HTML.
- Letakkan kode css berikut ini, tepat diatas kode ]]></b:skin>
.post img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
5. Klik Simpan
Selesai deh, sekarang coba klik lihat blog dan silahkan arahkan kursor mousenya ke salah satu gambar yang ada di blog anda. semoga berhasil ya...
0 Response to "Jurus Membuat Efek Zoom Gambar Otomatis Pada Blog"
Post a Comment
Terima kasih telah membaca blog saya, silahkan tinggalkan komentar