Membuat Karakter Hantu Lucu dengan CSS bagian 2

Hallo semuanya. dengan membaca judul artikel kali ini pasti kalian tahu bahwa artikel ini adalah artikel lanjutan dari tutorial saya yang sebelumnya yaitu Membuat Bentuk Hantu Lucu dengan CSS Bagian 1

Pada artikel sebelumnya kita hampir selesai membuat sebuah karakter lucu menggunakan HTML dan CSS saya sesuai janji saya, maka akan saya lanjutkan pada artikel yang satu ini.

Baiklah, pada tutorial saya sebelumnya kita sudah bisa membentuk sebuah karakter hantu lucu seperti ini.

 

Tujuan akhir kita adalah membuat bentuk karakter dengan ekor seperti ini

 

Sekarang kita akan menambahkan tiga buah ekor tersebut dengan menambahkan satu div dengan class hantu_ekor yang diletakan tepat dibawah penutup div class hantu_mulut

 

Sekarang kita akan buat CSS nya dengan memanfaatkan property position dan selector nth-child

 

Jika kalian lihat di browser maka hasilnya sekarang sudah jadi seperti gambar kedua diatas. Sekarang inggal tahap pemberian animasi agar terlihat lebih menarik. Pemberian animasi nanti akan kita bahas pada artikel selanjutnya ya. Terima Kasih

15 Desember 2016

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 Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat