Posted by : Riyadh Rizqullah November 10, 2014

kali ini saya akan memberikan sebuah tutorial membuat efek hover sebuah kotak berputar, yaitu ketika diunjuk kursor itu akan berputar..
kodenya tuh seperti ini

#kotaktesting{
height:230px
width:130px;
background:blue;
-webkit-transition:all .5s}
#kotaktesting:hover{
-moz-transform:rotate(360deg);-webkit-transform:rotatee(360deg);
}
pasang kode tersebut diatas ]]></b:skin>

lalu untuk HTMLnya, pasang kode berikut

<form id="kotaktesting"></form>
penjelasan:
-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); jika kamu ingin merubah berapa derajat ia berputar, tinggal ubah saja (360deg) menjadi sesuka hati ..


hasilnya seperti dibawah ini:


Leave a Reply

Berkomentarlah dengan bahasa yang baik dan benar, karena itu mencerminkan kepribadian

Subscribe to Posts | Subscribe to Comments

- Copyright © 2014 Powered by Blogger - Designed by Riyadh Rizqullah -