Bagi yg ingin coba menerapkan Efek gambar berputar seperti di Blog ini, berikut tutorialnya langsung disimak aja ya gan..
1. Pertama Login ke Blogger >> Dashboard
2. Pilih Template/Tema >> Edit HTML
3. Tekan Control+F di keyboard dan ketikan cari kode ]]></b:skin>
4. Copy kan kode dibawah ini tepat diatasnya kode ]]></b:skin> tadi
5. Simpan >> Selesai, dan lihat hasilnya..
Notes: Nilai angka bisa dirubah sesuai selera, untuk menghasilkan ukuran gambar saat zoom dan lamanya berputar, Silahkan dicoba..
1. Pertama Login ke Blogger >> Dashboard
2. Pilih Template/Tema >> Edit HTML
3. Tekan Control+F di keyboard dan ketikan cari kode ]]></b:skin>
4. Copy kan kode dibawah ini tepat diatasnya kode ]]></b:skin> tadi
.post img{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.post img:hover{-o-transform:scale(1.9) rotate(360deg) translate(0px);-moz-transform:scale(1.9)
rotate(360deg) translate(0px);-webkit-transform:scale(1.9) rotate(360deg) translate(0px);-o-transition:all 0.5s
ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
5. Simpan >> Selesai, dan lihat hasilnya..
Notes: Nilai angka bisa dirubah sesuai selera, untuk menghasilkan ukuran gambar saat zoom dan lamanya berputar, Silahkan dicoba..
No comments:
Post a Comment