Hallo sahabat berjumpa lagi dalam website kursus webdesign, bagaimana kabar sahabat semua ? semoga dalam keadaan sehat dan selalu semangat. Dalam kesempatan kali ini saya akan membagikan tutorial tentang cara membuat animasi ikan dengan html css. Animasi ikan yang akan saya buat yaitu dalam sebuah aquarium botol, tentu sahabat penasaran bagaimana hasil akhirnya.Baiklah sahabat semua agar gak penasaran bagaimana kalau ikutin langkah-langkah dibawah ini:

Langkah pertama sahabat siapakan file HTML lalu ketikkan code html berikut:

pada code html diatas saya hanya membuat 3 buah class yang nanti digunakan untuk membuat tampilan aquarium ,air dan tentu ada bayangan dari aquariumnya supaya menarik, jangan lupa siapakan gambar ikan kesukaan sahabat yaaaa.

Langkah selanjutnya tambahkan style CSS untuk membuat tampilan aquarium ,air yaaa. coba ketikkan code CSS dibawah ini:

JIka sudah selesai mengetikkan kedua file diatas sekarang coba simpan dan jalankan pada browser ,apakah sudah benar tampilannya seperti berikut ini……

1a-Membuat Animasi Ikan                                2-Membuat Animasi Ikan

Demikian hasil tampilannya ,bagaimana sangat mudah bukan cara membuat animasi ikan dengan html css, saya cukupkan pembahasan kali ini semoga bermanfaat, dan selamat mencoba. sampai jumpa lagi pada kesempatan lainnya.

terima kasih