CSS Rotate

Yosh All....

Cara Membuat Sesuatu Menjadi Berputar Gini Caranya..

Berputar Sendiri Tanpa Hover

• Masuk Blogger
• Template > Edit Template
• Cari CSS Yang Akan Diberi Efek Rotate
• Semisal .kiritoblogs {blablablabla;(CSS Rotate);}
• CSSnya

-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 .kiritoblogs {blablabla;(Kode CSS Transition);}
• CSS Transition

-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 .kiritoblogs :hover {(Kode CSS Rotate)}
• CSS Rotate 

-moz-transform:rotate(355deg); -webkit-transform:rotate(355deg); -o-transform:rotate(355deg) Sekian Dari Saya..Jika Bingung Tanyakan Saja Yah..

Posted by Unknown on - Rating: 5.0

Title : CSS Rotate
Description : Yosh All.... Cara Membuat Sesuatu Menjadi Berputar Gini Caranya.. Berputar Sendiri Tanpa Hover Masuk Blogger Template > E...

Share to

Facebook Google+ Twitter