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!

Discussion (11)

Collapse
afif profile image
Temani Afif

where is the code?

Collapse
baumannzone profile image
Jorge Baumann Author

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

Collapse
lukeshiru profile image
LUKESHIRU

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

Collapse
baumannzone profile image
Jorge Baumann Author

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 Author

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 Author

It was really a challenge!

Collapse
codingdudecom profile image
codingdudecom

Nice!

Collapse
baumannzone profile image
Jorge Baumann Author

🤘