@keyframes my-animation {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
    background-color: #3b82f6;
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px) rotate(360deg) scale(1);
    background-color: #8b5cf6;
    opacity: 1;
  }
}

.animated-element {
  animation-name: my-animation;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
}