Cara membuat gambar berputar dengan kode css - Hallo Sob Jody Blog, artikel kali ini berjudul Cara membuat gambar berputar dengan kode css, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Cara membuat gambar berputar dengan kode css
link : Cara membuat gambar berputar dengan kode css

Cara membuat gambar berputar dengan kode css

Mungkin sobat bloggre pernah berkunjung ke blog tetangga dan juga pernah melihat gambar berputar putar saat di dekati cursor untik demonya coba lihat demonya disini

Untuk cara membuat nya ikuti tutorial nya

1. Login ke blogger
2. masuk ke rancangan
3. Lalu pilih Edit HTML jangan lupa download lengkap dulu telplate nya takut ada kesalahan
4. Lalu cari kode ]]></b:skin> lalu masukkan kode css di bawah ini tepat di atas nya
.berputar img{ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .berputar img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
5. Lalu Save templ`template

Nah untuk pasang script di postingan gunakan sesuai keinginan berikut kode script

<div class="berputar"><img alt="yahoo" src=" Url gambar "/> </div>

Oke slamat mencoba kalau ada kesulitan masukkan komentar yach....

Demikianlah Artikel Cara membuat gambar berputar dengan kode css

Sekian Cara membuat gambar berputar dengan kode css, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Cara membuat gambar berputar dengan kode css dan artikel ini url permalinknya adalah https://caratutorialgratis.blogspot.com/2012/01/cara-membuat-gambar-berputar-dengan.html Semoga artikel ini bisa bermanfaat.

Tweet