CSS Art: Space – UFO animation

This content originally appeared on DEV Community and was authored by Natália F. Dev

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

Inspiration

Just sharing a simple CSS art, inspired by an old code from a couple years ago.

Demo

Journey

The most challenging part of the code was animating the offset-path property, but with some research, I found a way to do this with the help of Figma. For those who want to find out more about offset-path and CSS Shapes, here is the content that helped me.

This content originally appeared on DEV Community and was authored by Natália F. Dev

Print Share Comment Cite Upload Translate Updates

APA

Natália F. Dev | Sciencx (2024-09-16T02:15:43+00:00) CSS Art: Space – UFO animation. Retrieved from https://www.scien.cx/2024/09/16/css-art-space-ufo-animation/

MLA

" » CSS Art: Space – UFO animation." Natália F. Dev | Sciencx - Monday September 16, 2024, https://www.scien.cx/2024/09/16/css-art-space-ufo-animation/

HARVARD

Natália F. Dev | Sciencx Monday September 16, 2024 » CSS Art: Space – UFO animation., viewed ,<https://www.scien.cx/2024/09/16/css-art-space-ufo-animation/>

VANCOUVER

Natália F. Dev | Sciencx - » CSS Art: Space – UFO animation. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/09/16/css-art-space-ufo-animation/

CHICAGO

" » CSS Art: Space – UFO animation." Natália F. Dev | Sciencx - Accessed . https://www.scien.cx/2024/09/16/css-art-space-ufo-animation/

IEEE

" » CSS Art: Space – UFO animation." Natália F. Dev | Sciencx [Online]. Available: https://www.scien.cx/2024/09/16/css-art-space-ufo-animation/. [Accessed: ]

rf:citation

» CSS Art: Space – UFO animation | Natália F. Dev | Sciencx | https://www.scien.cx/2024/09/16/css-art-space-ufo-animation/ |

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.