Artikel Terkini

Jumat, 29 November 2013

Membuat Gambar Header Blog Berputar

0 komentar
Membuat Gambar Header Berputar - Membuat Gambar Header Berputar
Halo Sobat, setalah Lama Saya Tidak Post Tentang Blogging . DIkarenakan Kesibukan Di Dunia Nyata. Jadi Saya Jarang Update Blog Ini deh.Dan Kali Ini Saya Mau Posting Tentang Membuat Gambar Header Berputar.
Mungkin Sobat Sudah Pernah Melihat Posting Yang Seperti Itu, Dan Kali Ini Saya Akan Membahas Tentang Cara Membuat Gambar Header Berputar.

Langkahnya Ikuti Seperti Dibawah Ini...

  •     Login Blogger
  •     Klik Template
  •     Edit HTML
  •     Tekan CTRL+F
  •     Cari Kode   ]]></b:skin>
  •     Jika Sudah Ketemu Pastekan  CSS Dibawah Ini Tepat Diatasnya.
#header a img:hover {
 -moz-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
 -webkit-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
 -o-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
 -ms-transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
 transform: scale(1) rotate(-180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
 -webkit-transition: all 600ms ease-in-out;
 -moz-transition: all 600ms ease-in-out;
 -ms-transition: all 600ms ease-in-out;-o-transition: all 600ms ease-in-out;
 transition: all 600ms ease-in-out;
}
  • Terakhir Jangan Lupa Simpan Ya .
Keterangan :

  • Kode Yang Berwarna Merah Adalah Besar Rotasi, Sobat Bisa Mengeditnya  Sendiri
  • Kode - (Minus) Menunjukkan Rotasi Berlawanan Terhadap Arah Jarum Jam, Sobat Bisa Menghilangkan Kode Itu (Minus) Kalau Mau Gambarnya Berputar Searah Jarum Jam , Contoh (180deg)
Sekian Artikel Tentang  Membuat Gambar Header Blog Berputar . Semoga Bermanfaat Ya Gan..

Leave a Reply

Diberdayakan oleh Blogger.