Cara Membuat Efek Gambar Berputar di Blog - Membuat tampilan
gambar berputar 360 derajat saat cursor atau mouse diarahkan di atas
gambar merupakan suatu cara untuk mempercantik tampilan blog. Dengan
memberikan efek berputar pada gambar ketika mouse diletakan diatas
gambar tersebut sangatlah menarik dan juga memperbesar ukuran gambar
secara otomatis. Efek gambar berputar ini hanya untuk gambar dibagian
posting atau artikel gambar lainnya kemungkinan tidak akan berputar
seperti pada gambar postingan atau artikel.
okeh saatnya ke tkp :D
langkahnyya sebagai berikut :
1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode CSS dibawah ini, lalu Paste diatas kode ]]></b:skin>
Catatan :
Semakin besar nilai dari kode berwarna Hijau, maka kecepatan berputas semakin lama.
Semakin besar nilai dari kode berwarna Biru, maka gambar akan semakin besar.
5. Klik Simpan Template
sekian dari saya, semoga artikel dari saya bermanfaat untuk semua :D
okeh saatnya ke tkp :D
langkahnyya sebagai berikut :
1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode CSS dibawah ini, lalu Paste diatas kode ]]></b:skin>
/*Image Rotate*/
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.5) rotate(360deg) translate(0px);-moz-transform:scale(1.5) rotate(360deg) translate(0px);-webkit-transform:scale(1.5) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}
Catatan :
Semakin besar nilai dari kode berwarna Hijau, maka kecepatan berputas semakin lama.
Semakin besar nilai dari kode berwarna Biru, maka gambar akan semakin besar.
5. Klik Simpan Template
sekian dari saya, semoga artikel dari saya bermanfaat untuk semua :D
0 Response to "Cara Membuat Efek Gambar Berputar di Blog "
Post a Comment