DEV Community

Cover image for Sunrise in Space (Quiet)
Alvaro Montoro
Alvaro Montoro Subscriber

Posted on

27 2 5 3 7

Sunrise in Space (Quiet)

This is a submission for Frontend Challenge v24.09.04, CSS Art: Space.

Inspiration

I have to admit, this is an old drawing. I coded it as part of Divtober 2022, and the prompt was "quiet" (in Divtober 2023, there was a "space" prompt, and I went with a floating astronaut... maybe I should enter that one too?)

Demo

You can find the demo on my single-element CSS drawings site or on CodePen:

Journey

As part of Divtober, it is CSS Art coded with a single HTML element and CSS (less than you'd imagine, maybe?). It was a time when I was trying to code more "realistic" CSS Art, playing with colors, and softer gradients...

I don't know if the drawing is too realistic, but I like the result. I find it calming and relaxing. Quiet, as the prompt for Divtober that inspired it.

I recorded the coding process and shared it on YouTube:

Heroku

Build AI apps faster with Heroku.

Heroku makes it easy to build with AI, without the complexity of managing your own AI services. Access leading AI models and build faster with Managed Inference and Agents, and extend your AI with MCP.

Get Started

Top comments (4)

Collapse
 
martinbaun profile image
Martin Baun

Pretty cool my man.

Collapse
 
lakshita_kumawat profile image
Lakshita Kumawat

The effect looks amazing

Collapse
 
alvaromontoro profile image
Alvaro Montoro

Thanks

Collapse
 
janumala_akhilendra profile image
Janumala Akhilendra

Really Amazing 🌟

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Explore this practical breakdown on DEV’s open platform, where developers from every background come together to push boundaries. No matter your experience, your viewpoint enriches the conversation.

Dropping a simple “thank you” or question in the comments goes a long way in supporting authors—your feedback helps ideas evolve.

At DEV, shared discovery drives progress and builds lasting bonds. If this post resonated, a quick nod of appreciation can make all the difference.

Okay