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