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:

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

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

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay