Membuat Karakter Hantu Lucu dengan CSS bagian 2

15/12/2016    Maykhel David    1295     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More