Cara membuat gambar berputar(3)

Cara membuat gambar berputar(3) - Hallo Sob Jody Blog, artikel kali ini berjudul Cara membuat gambar berputar(3), kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Cara membuat gambar berputar(3)
link : Cara membuat gambar berputar(3)

lihat juga


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 :
  1. Loggin ke blogger.com
  2. 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>
Catatan :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


<----------Oke Selamat Mencoba Semoga Berhasil--------------->


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.

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

Related Posts :