cara membuat gambar berputar dengan css

Halo sahabat ku apakabar semua, mudah-mudahan baik ya amin. dalam kesempatan kali ini saya akan menjelaskan bagaimana caranya membuat animasi berputar dengan menggunakan css murni

1. Pertama kali yang harus kita buat adalah sebuah class pada kode css sbg berikut :

   

.putar{
    -webkit-transition-duration: 0.8s; /*digunakan pada chrome dan safari*/
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;/*untuk mengatur waktu*/
    background-color: blue;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    
    overflow:hidden;

    } 

.putar:hover 
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
} 

Share :

Tweet

More

Related Post