Efek Gambar dalam postingan
Jika gambar di postingan anda tidak menggunakan sebuah efek, tentu saja tampilannya hanya biasa saja. Banyak macam-macam trik untuk mengembangkan tampilan gambar di postingan blog kita. Salah satu caranya adalah membuat gambar berputar saat disentuh cursor. contoh gambar di bawah dengan menggunakan Efek.
Gimana mau coba pasang ?
Ikuti langkah di bawah ini:
1. Login / Masuk Blogger
2. Masuk rancangan dan pilih Edit HTML
3. Jangan lupa kasih centang ( Expand Template Widget )
4. Kalian cari code ]]></b:skin> dan simpan code di bawah ini di atas code ]]></b:skin>
.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;}
5. Save template dan lihat hasilnya ..
Gimana simple bukan ga bikin ribet otak .
>
Show
0 Comments
prev
next
