Animation Builder

@keyframes myAnimation {
  0% { 
    transform: scale(1) rotate(0deg); 
    opacity: 1; 
    background-color: #3b82f6; 
  }
  50% { 
    transform: scale(1.5) rotate(180deg); 
    opacity: 0.8; 
    background-color: #8b5cf6; 
  }
  100% { 
    transform: scale(1) rotate(360deg); 
    opacity: 1; 
    background-color: #3b82f6; 
  }
}

.animated-element {
  animation-name: myAnimation;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
}