Animasi Gambar Berputar dengan CSS3

Pada tutorial ini DUMET School akan membahas cara membuat animasi gambar berputar. Jika teman-teman belum mengerti tentang animasi CSS3 dapat mengikuti tutorial sebelumnya yang membahas tentang animasi icon dengan keyframe. Sama seperti pembahasan sebelumnya animasi ini dibuat dengan menggunakan fungsi rotate. Lebih jelas simak tutorial berikut.

Buatlah dokumen HTML5 dan ketikan kode berikut :

Perhatiakan image yang ada didalam div class bg. Terdapat id dumetschool. Id inilah yang memiliki fungsi animasi yang akan memutar image dumet-bg.png. Sekarang buat animasi CSS3 seperti dibawah ini.

simpan dokumen diatas dengan nama gambar.html. Klik tombol demo untuk melihat hasilnya.

DEMO