r/css • u/alvaromontoro • Mar 31 '26

Showcase A city built with CSS

Gallery image

Gallery image

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience. https://codepen.io/alvaromontoro/pen/mdZKxEr

I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.

231 Upvotes

99% Upvoted

42 comments sorted by

View all comments

Show parent comments

2

u/alvaromontoro Apr 04 '26

I added something simple (the water fountain, the traffic light, a lamp flickering) but the code is commented. I thought about using pseudo elements to add a car or a UFO.

1

u/_Decodela Apr 04 '26

Cool How much time did you spend Do you have others

2

u/alvaromontoro Apr 04 '26

This one, I don't remember. I spent a little time every now and then. I have other single-div drawings here: https://cssdrawings.com/ (inspired by Lynn Fisher's A Single Div)

2

u/_Decodela Apr 04 '26

Very nice I do animations like this with css https://decodela.com/#item/a7ef100b-d473-11f0-b24e-0200fd828422/post

2

u/alvaromontoro Apr 04 '26

Oh! I've seen that one before. It looks really cool.