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 :

Animasi-Gambar-Berputar-dengan-CSS3

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.

Animasi-Gambar-Berputar-dengan-CSS3

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

DEMO

9 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat