Frontend Challenge v24.09.04

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

What I Built

I have built a solar system model using CSS and HTML. When a user hovers over a planet, it displays interesting information about that planet and it starts t…


This content originally appeared on DEV Community and was authored by Muhamed H.

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

What I Built

I have built a solar system model using CSS and HTML. When a user hovers over a planet, it displays interesting information about that planet and it starts to "glow" as shown in the following examples:

Image description

Image description

Demo

Code - If you like this project, please leave a ⭐ on GitHub!
Showcase

Journey

Initially, I misunderstood the theme, thinking that the first theme allowed for complete creative freedom. I started a fun project with a plan to feature planets, the sun, and other celestial objects. However, after reviewing other submissions, I realized my mistake and decided to focus on illustrating objects using CSS.


This content originally appeared on DEV Community and was authored by Muhamed H.


Print Share Comment Cite Upload Translate Updates
APA

Muhamed H. | Sciencx (2024-09-15T22:32:47+00:00) Frontend Challenge v24.09.04. Retrieved from https://www.scien.cx/2024/09/15/frontend-challenge-v24-09-04/

MLA
" » Frontend Challenge v24.09.04." Muhamed H. | Sciencx - Sunday September 15, 2024, https://www.scien.cx/2024/09/15/frontend-challenge-v24-09-04/
HARVARD
Muhamed H. | Sciencx Sunday September 15, 2024 » Frontend Challenge v24.09.04., viewed ,<https://www.scien.cx/2024/09/15/frontend-challenge-v24-09-04/>
VANCOUVER
Muhamed H. | Sciencx - » Frontend Challenge v24.09.04. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/09/15/frontend-challenge-v24-09-04/
CHICAGO
" » Frontend Challenge v24.09.04." Muhamed H. | Sciencx - Accessed . https://www.scien.cx/2024/09/15/frontend-challenge-v24-09-04/
IEEE
" » Frontend Challenge v24.09.04." Muhamed H. | Sciencx [Online]. Available: https://www.scien.cx/2024/09/15/frontend-challenge-v24-09-04/. [Accessed: ]
rf:citation
» Frontend Challenge v24.09.04 | Muhamed H. | Sciencx | https://www.scien.cx/2024/09/15/frontend-challenge-v24-09-04/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts