DEV Community

Cover image for Purple Theme space animation with Saturn planet ๐Ÿช๐ŸŒ ๐Ÿ‘พ
Hosana Barcelos
Hosana Barcelos

Posted on โ€ข Edited on

16 1 1 2 2

Purple Theme space animation with Saturn planet ๐Ÿช๐ŸŒ ๐Ÿ‘พ

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


Inspiration

A space-themed project in purple, inspired by my website hosana.me, created for the Frontend Challenge. It features a space background with subtle animation and a Saturn-like planet.

Demo

Code and result on CodePen.

Journey

The idea behind the project for the Challenge:

A simple project that came to mind as soon as I saw the Challenge, since this time the theme is space. Not only do I really like this theme, but my portfolio website also has a complete space vibe. Combining both resulted in the project shown above. The smooth CSS animation on the orbit surprised me because I realized it was much simpler than I thought.

Inspiration Website:

None other than my portfolio website.

Image description


Liked it? Connect with me through my social networks at: https://www.hosana.me.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up