자바스크립트 animate()

🎯 animate(), 이미지 슬라이드 구현하기 animate()를 사용해서 이미지 슬라이드 구현하기 📝 animate() element.animate(keyframes, duration) CSS와는 별개의 독립적인 애니메이션을 구현할 수 있으며 Animation 인스턴스를 반환한다. 반환된 Animation 객체는 애니메이션을 세밀하게 다룰 수 있는 프로퍼티와 메소드, 이벤트를 제공한다. 📕 keyframes 애니메이션 키프레임을 가지고 있는 배열이며 각 키프레임을 객체로 구현한다. 그리고 객체의 프로퍼티로 애니메이션이 적용될 속성을 정의한다. 키 프레임을 정의한 객체(속성 명과 값으로 구성)를 원소로 가지고 있는 배열 // 1 xxx.animate([ // from keyframe { opacity:..