document.getElementById("tunnel").animate([
// keyframes
{ transform: 'translateY(0px)' },
{ transform: 'translateY(-300px)' }
], {
// timing options
duration: 1000,
iterations: Infinity
});
element..animate([
// keyframes
{
top: '-80%'
},
{
top: '0'
}
], {
duration: 700,
fill: 'both',
easing: 'ease-in-out'
// iterations: Infinity
});function startAnimation() {
var frameHeight = 102;
var frames = 15;
var frame = 0;
var div = document.getElementById("animation");
setInterval(function () {
var frameOffset = (++frame % frames) * -frameHeight;
div.style.backgroundPosition = "0px " + frameOffset + "px";
}, 100);
}