Haloo teman-teman Dumet School. Kembali lagi dengan saya di Kursus Web Design. Kali ini saya aka membahas tentang Cara Membuat Animasi Spin Menggunakan W3 CSS. Dimana animasi yang saya buat didapatkan dari referensi w3.schools.com. Teman-teman bisa kunjungi langsung website resminya. Disana banyak pembahasan yang sangat bermanfaat yang bisa teman-teman baca untuk dapat menambah wawasan atau ilmu baru.

Animasi yang disediakan oleh w3 schools ini sangat mudah kita pelajari dan yang paling penting gratis bisa kita pakai. Cara untuk menggunakan animasi dari w3 schools hanya cukup kita cantumkan link css dari w3 schools kemudian kita buat nama kelas yang sudah disediakan ole w3 schools untuk dapat menjalankan fungsi animasinya. Efek animasi yang disediakan oleh W3 CSS ada 8 macam. Dan salah satunya adalah efek berputar atau spin.

Oke teman-teman untuk dapat mengetahui tentang Cara Membuat Animasi Spin Menggunakan W3 CSS kita langsung saja membuat struktur htmlnya sebagai berikut.

Jika sudah teman-teman jangan lupa sisipkan link W3 CSS nya di dalam tag head. Berikut linknya ya teman-teman.

Nah jika teman-teman buka di browser masing-masing maka akan tampak gambar yang kita panggil di html berputar. Disini teman-teman bisa perhatikan scriptnya, dimana pada tag img saya memasukkan class w3-spin yang berfungsi memberikan animasi terhadap suatu element atau objek dengan efek berputar 360 derajat secara terus-menerus. Class w3-spin ini bisa kita pakai untuk semua element baik itu gambar maupun tulisan atau div.

Demikian artikel tentang Cara Membuat Animasi Spin Menggunakan W3 CSS. Sangat mudah bukan? Karena kita tinggal memanggil nama classnya maka efek animasi akan berjalan sesuai fungsinya masing-masing. Untuk pembahasan selanjutnya saya akan masih membahas tentang efek dari animasi W3 CSS. Semoga artikel ini dapat bermanfaat untuk teman-teman dan bisa menambah wawasan baru. Buat teman-teman yang penasaran silahkan bisa langsung mempraktekannya. Selamat mencoba.