DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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 (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
Luke Shiru

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

🀘

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.