#23 자바스크립트 - animate() 메서드 [JS로 애니메이션 만들기]

간단하게, 자바스크립트로 애니메이션을 만들 수 있는 animate() 메서드에 대해 정리해보려고 한다! 애니메이션은 CSS로도 만들 수 있다. p { color : black; animation: changeWidth 3s linear 1s 6 alternate; } @keyframes changeWidth { from{ color : black; }to{ color : yellow; } } 그러나 자바스크립트를 통해서 동적으로 애니메이션을 제어하려면 animate() 메서드를 사용할 수 있다.

위 애니메이션을 그대로 animate() 메서드를 통해 나타내보자. const p = document.querySelector("p"); p.animate({ color : ["black", "yellow"] },{ duration : 3000, easing : "linear", iterations : Infinity, direction : "alternate" }); 애니메이션을 적용할 요...