How to Make a Loading Spinner with My Logo

Hi i need to make a Loading spinner with css, js or anyone from my Logo. I have the Logo as PNG, GIF, SVG all formats. I want use it for longer site loads, picture loads or anyone and integrate it in my Vue3 Project.

Have anyone Solutions or guides for that, iam on google at 4 hours and nothing shows me right that.

thanks

1

2 Answers

You can just use CSS and setup an animation to have the logo spin

here

.mylogo{
  animation: rotation 3s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
<img src="" class="mylogo" width="80px"  />

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Sophia Al-Mansoor

Sophia Al-Mansoor

Global Business & E-Commerce Reporter

Sophia analyzes international trade, startup ecosystems, retail transformation, and supply chain logistics for modern digital publications.

Share this article
Twitter Facebook Pinterest