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

2 answers

  • answered 2021-04-14 22:15 Pedro Lopes

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

    here

  • answered 2021-04-14 22:47 SirHectorin

    .mylogo{
      animation: rotation 3s infinite linear;
    }
    
    @keyframes rotation {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(359deg);
      }
    }
    <img src="https://www.transparentpng.com/download/circle-png/5CC7Ci-circle-png-picture.png" class="mylogo" width="80px"  />