DEV Community

Cover image for CSS Art: Cat on the Moon
Alvaro Montoro
Alvaro Montoro Subscriber

Posted on

CSS Art: Cat on the Moon

I built a small CSS Art scene: a cat astronaut standing on the moon.

The whole illustration is HTML + CSS: using gradients for lighting, border-radius for shapes, and shadows to create light (the irony). No SVG, no canvas.

The source code on CodePen:

I had already done the cat for a previous CSS Art, I adapted some shapes slightly, moving things around (especially in the face), changing colors (easy as I was already using CSS custom properties), and updating some sizes.

Top comments (1)

Collapse
 
cicirello profile image
Vincent A. Cicirello

Very cool