Javascript logo animation

Creating logo animation is not hard, in this content i will be helping you to simplify logo animation.

This is the code below.

 <div id="logoContainer">
  <img id="logo" src="your-logo.png" alt="Your Logo">
</div>

<style>
  #logoContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
  }

  #logo {
    width: 100px;
    height: 100px;
    animation: logoSpin 2s linear infinite;
  }

  @keyframes logoSpin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
</style>