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’s all for now, folks! I hope you like it. Be safe and don't forget to water your plants!

Top comments (10)

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
 
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
 
codingdudecom profile image
codingdudecom

Nice!

Collapse
 
baumannzone profile image
Jorge Baumann

🤘

Collapse
 
luchko profile image
LuchkoXD

Lovely! Can't get enough of it!

Collapse
 
baumannzone profile image
Jorge Baumann

It was really a challenge!

Collapse
 
baumannzone profile image
Jorge Baumann

Thanks, yes! All my CSS illustrations are there.