Cara Membuat Efek Gambar Berputar Di Postingan Blog

Apa itu efek gambar berputar?
Efek gambar berputar itu adalah efek gambar berputar jika di sentuh/dilewati pointer.
Efek ini bekerja jika anda gerakkan cursor ke salah satu gambar di postingan anda.
Berikut contohnya:
Gerakkan cursor anda ke gambar di bawah ini !

 Untuk membuat efek seperti yang di atas,silahkan ikuti langkah-langkah berikut ini !
1.Ambil rokok,kopi/teh manis dan cemilan (becanda)
2.Pertama masuk dulu ke akun blogger sobat.
3.Klik Rancangan-->Edit HTML-->Centang kotak Expand Template Widget
4.Cari kode .post img{  (gunakan CTRL+F untuk memudahkan pencarian)
5.Copy kode yang berwarna merah di bawah tepat di urutan kode .post img{ seperti contoh di bawah ini

.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.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}


6.Simpan template dan lihat hasilnya

Jangan asal copy paste,Sertakan link sumbernya.

0 komentar:

Posting Komentar

Baca dulu sebelum berkomentar !
-Jangan menyertakan LINK/ANCHOR TEXT
-Jangan menggunakan kata-kata kotor
-Jangan promosi blog atau produk yang di jual di blog anda
-Jangan ngajak berantam sesama blogger lain