Cara Membuat Efek Zoom di Blog

Gambar/foto membesar ketika kursor ditaruh di atas gambar/foto di blog mungkin  menarik untuk kita terapkan karena memberi kesan "hidup" atas gambar/foto kita itu, nah tanpa berpanjang kata berikut cara untuk membuat efek zoom di blog kita. 
  • Pertama masuk ke akun Blogger.com 
  • Kedua Klik Template => Edit HTML
  • Ketiga Cari kode ]]></b:skin>
  • Selanjutnya Copy kode CSS di bawah ini lalu paste di 
    atas 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;
}
  
  • Terakhir pilih Simpan Template. 
Share on Google Plus

About TioBudi

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar:

Post a Comment