document.getElementById("tunnel").animate([
// keyframes
{ transform: 'translateY(0px)' },
{ transform: 'translateY(-300px)' }
], {
// timing options
duration: 1000,
iterations: Infinity
});
var animation = element.animate(keyframes, options); let rotate360 = [
{ transform: 'rotate(360deg)' }
];#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; }
}