Cara membuat suatu widget berputar dengan CSS

Halo sobat Rafers kali ini Rafi Blog mau share Cara membuat suatu widget berputar dengan CSS, berikut telah admin siapkan tutorialnya. Harap disimak baik-baik ya...

Tutorial:

Berputar Sendiri Tanpa Hover

• Log in ke akun blogger kalian
• Pilih menu Template
• Edit HTML
• Cari CSS Yang Akan Diberi Efek Rotate
  Contoh: .RFHeaderDtk{.....(CSS Rotate);}
• Masukan CSS Berikut di CSS yang akan diberikan efek Rotate

-moz-animation:spin2Pulse 2s infinite linear; -webkit-animation:spin2Pulse 2s infinite linear}
@-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(-360deg)}}
@-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(-360deg)}}

• Ganti SpinPulse Dengan Judul CSS

Berputar Dengan Hover

• Sama Seperti Diatas
• Cari CSS Misal RFHeaderDtk{.....(CSS Rotate);}

CSS Transition-nya:

 -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out

• Kemudian Buat CSS Hovernya
• Tambahkan Kata :hover Pada Depan Judul CSS
• Semisal RFHeaderDtk :hover{.....(CSS Rotate);}

CSS Rotate-nya:

 -moz-transform:rotate(355deg); -webkit-transform:rotate(355deg); -o-transform:rotate(355deg)

Kalau berhasil komen ya....

Backlinks Please Thanks

URL

Code For Forum

HTML Code <a href='http://creative-blog10.blogspot.com/2014/01/cara-membuat-suatu-widget-berputar.html' target='_blank'>Cara membuat suatu widget berputar dengan CSS</a>

Anda Baru Saja Membaca Artikel Tentang Cara membuat suatu widget berputar dengan CSS ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara membuat suatu widget berputar dengan CSS Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara membuat suatu widget berputar dengan CSS Sebagai SumberNya.