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:

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read 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 🌟

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay