DEV Community

Cover image for Pure CSS Arcade 馃暪
Jorge Baumann
Jorge Baumann

Posted on • Updated on

Pure CSS Arcade 馃暪

Hey, friends! I hope you had a great week!

馃懢 On Thursday, I finished my last CSS project: Pure CSS Arcade. Built from scratch with HTML & CSS by doing live-coding on twitch.

arcade & pacman

Every week I host a few streamings where I "Draw with CSS".
Do you want to get a notification when the streaming starts? Follow me on twitch (https://twitch.tv/baumannzone).

Drawing this arcade machine was (really) a challenge because of the perspective. I had to re-think a couple of times how to do it, but finally I handled it.

I have more CSS Art projects like this one on my YouTube channel.

If you are an instagram person, I upload short videos of every CSS project: https://instagram.com/baumannzone

Any questions? I read your comments.

The orinal image: https://dribbble.com/shots/3394419-Pacman/

馃憢 That鈥檚 all for now, folks! I hope you like it. Be safe and don't forget to water your plants!

Top comments (11)

Collapse
 
afif profile image
Temani Afif

where is the code?

Collapse
 
baumannzone profile image
Jorge Baumann

Every CSS project I made is available here: codepen.io/baumannzone

Collapse
 
loucyx profile image
Lou Cyx

Took a look at his stream, and this seems to be it:
codepen.io/baumannzone/pen/OJWddaa

Collapse
 
baumannzone profile image
Jorge Baumann

Thanks, yes! All my CSS illustrations are there.

Collapse
 
jlrxt profile image
Jose Luis Ramos T.

M谩gico css. 馃Ц

Collapse
 
baumannzone profile image
Jorge Baumann

Bendito CSS :D :D

Collapse
 
jlrxt profile image
Jose Luis Ramos T.

Baby Yoda codigo por c贸digo me estoy divirtiendo. Gracias.

Collapse
 
luchko profile image
LuchkoXD

Lovely! Can't get enough of it!

Collapse
 
baumannzone profile image
Jorge Baumann

It was really a challenge!

Collapse
 
codingdudecom profile image
codingdudecom

Nice!

Collapse
 
baumannzone profile image
Jorge Baumann

馃