CSS rotasi tak berujung animasi
Saya ingin membuat rotasi saya memuat ikon dengan CSS.
Saya memiliki sebuah ikon dan kode berikut:
<style>
#test {
width: 32px;
height: 32px;
background: url('refresh.png');
}
.rotating {
-webkit-transform: rotate(360deg);
-webkit-transition-duration: 1s;
-webkit-transition-delay: now;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
</style>
<div id='test' class='rotating'></div>
Tapi itu doesn't bekerja. Bagaimana bisa menjadi ikon diputar menggunakan CSS?
124
7
Kerja bagus:
Tak terbatas rotasi animasi di CSS
MDN - Web CSS Animasi
Tanpa awalan, misalnya pada itu's sederhana:
Bekerja di semua browser modern
Rotasi di tambahkan kelas .aktif