Hai teman-teman kemarin kan kita sudah membuat animasi BounceInDown yah, Nah pada kesempatan kali ini kita akan membuat animasi yang lain yaitu animasi Wobble.  langkah-langkah nya hampir sama dengan yang kemaren yang berbeda hanya dari transformnya saja , untuk lebih jelasnya lagi yuk mening ikutin aja di sini , engga bakalan rugi ko. hehe 🙂

 

 

Yang pertama-tama kita lakukan yaitu membuat script HTMLnya :

html

nah setelah membuat script HTMLnya, sekarang teman-teman buat script CSSnya seperti ini :

css css1

Saya jelaskan kembali property transform berfungsi untuk transformasi element 2D maupun 3D .

jika sudah coba teman-teman lihat hasilnya di browser , maka akan ada gambar yang yang akan muncul menggunakan animasi efek wobble .

oke mungkin sekian untuk artikel hari ini , sampai ketemu di artikel berikutnya , selamat mencoba dan semoga berhasil yah .