Judul : Cara membuat gambar berputar(3)
link : Cara membuat gambar berputar(3)
Cara membuat gambar berputar(3)
H
allo sobat blogger mengulang postinganku yang kemarin tentang cara membuat gambar berputar dengan kode css atau juga tentang cara membuat gambar berputar (2) nah kali ini pun kita akan membuat tentang cara membuat gambar berputar dengan effec yang berbeda karena gambar bukan hanya berputar tapi juga ukuran gambar menjadi lebih besar nah untuk cara membuat nya : - Loggin ke blogger.com
- masuk ke rancangan---->Edit HTML cari kode </head> lalu masukkan kode di bawah ini tepat di atas kode </head> berikut kode nya
<style>#karina{ -o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}#karina:hover{ -o-transform: scale(1.5) rotate(720deg) translate(0px);
-moz-transform: scale(1.5) rotate(720deg) translate(0px);
-webkit-transform: scale(1.5) rotate(720deg) translate(0px);}#karina a:hover{transition: all 0.5s;-moz-transition: all 0.5s;}</style>
Dan untuk memasukkan ke dalam postingan atau html java script gunakan kode ini
<div id="karina">
<a href="http://karinafotocollection.blogspot.com/" target="_blank" title="Cara Membuat foto/gambar berputar dan membesar saat disorot cursor"><img height="203" src="http://yepiye.files.wordpress.com/2009/12/gadis-bertatto6.jpg" style="border: 0px;" width="325" /></a></div>
Ganti teks yang berwarna Hijau dengan alamat link tujuan kamu
teks berwarna merah adalah url gambar yang bisa kamu ganti dangan url gambar yang lain
<------------------------->
Demikianlah Artikel Cara membuat gambar berputar(3)
Sekian Cara membuat gambar berputar(3), mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.
