Web Animations API는 새로운 웹 표준의 일부로, 현재 Mozilla와 Google의 브라우저 엔지니어가 개발 중입니다.
Chrome 36에서는 Web Animations API의 element.animate() 메서드를 구현했으므로 개발자가 자바스크립트를 사용하여 성능 기준에 맞는 합성 스레드 애니메이션을 빌드할 수 있었습니다.
Mozilla는 이제 Firefox 48의 element.animate() 구현을 출시하여 이 새로운 JS API를 사용하여 진정한 교차 브라우저 가속 애니메이션을 지원합니다. Google과 Mozilla는 상호 운용 가능한 구현 환경을 만들기 위해 많은 노력을 기울였습니다. 정말 많은 협력이 이루어졌습니다.
Web Animations API 사용 시 얻을 수 있는 이점은 낮은 전력 소모로 더 빠른 프레임 속도이며 모든 기기, 특히 모바일에서 더 나은 사용자 환경을 제공합니다.
Web Animations API는 모든 브라우저에서 polyfill을 통해 사용할 수 있습니다. 폴리필은 존재하는 경우 최고 속도의 네이티브 구현을 사용하고 그렇지 않으면 JavaScript 구현으로 적절하게 대체합니다. WebKit 커뮤니티는 자체 구현을 고려하고 Edge팀은 이를 백로그에 추가하고 있습니다. 빠른 시일 내에 모든 주요 브라우저에서 웹 애니메이션이 지원되기를 기대합니다.
Chrome, Firefox 또는 Opera에서 최대 가속 웹 애니메이션을 경험하려면 데모 페이지로 이동하여 직접 사용해 보세요.