Cara membuat Emoticon Pacman dengan CSS

Hallo teman-teman, pada kesempatan kali ini saya akan memberikan satu trik unik nih. Pada saat masih kecil kalian pasti pernah mengenal pacman. Ya, Pacman adalah karakter game yang berbentuk lingkaran dengan potongan segitiga sebagai mulutnya. Trik kali ini saya akan membahas tentang cara membuat emoticon pacman dengan css.

Disini kita hanya memerlukan satu tag saja. karena kita akan memanipulasi objek dengan bordernya.

 

Pada kode diatas kita memberikan border pada setiap sisi div dengan id #pacman tersebut.

dan membarikan warna transparan pada border-right.

Jika ditampilkan pada browser akan menjadi seperti ini

Baiklah teman-teman sekarang tugas kalian adalah membuat mata pada pacman tersebut. Demikian artikel kali ini, semoga bermanfaat

30 Oktober 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