Как зафиксировать анимацию в animate js?

Question

[Александр Иванов]

let column3 = document.getElementById("column3");
column3.animate([
	{ top: '0' }, 
	{ top: '-300px' }
], { 
	duration: 1000,
	// iterations: 1 // так возвращается на исходную
});

Я хочу чтобы она остановилась и не возвращалась обратно к нулю.
За хорошую статью про animate буду благодарен.

Answer 1

[Валентин]

#column3 {
    animation-fill-mode: forwards;
}

Comments

[Александр Иванов]

column3.animate([
				{ top: '0' }, 
				{ top: '-300px' }
			], { 
				duration: 1000,
				fill: "forwards"
			});