DEV Community

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

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:

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

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