JAVASCRIPT

js add animation to element

document.getElementById('test').style.animation = 'fading 2s infinite'

js add animation to element

var animation = element.animate(keyframes, options); 

js add animation to element

#test {
    background-color: blue;
    width: 100px;
    height: 100px;
    position: relative;
    -webkit-animation: fading 5s infinite;
    animation: fading 5s infinite;
}

/* Here is the animation (keyframes) */
@keyframes fading {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

js add animation to element

let rotate360 = [
  { transform: 'rotate(360deg)' }
];