Web Animations API는 현재 Mozilla와 Google의 브라우저 엔지니어가 개발 중인 새로운 웹 표준의 일부입니다.
Chrome 36에서는 Web Animations API의 element.animate() 메서드를 구현하여 개발자가 JavaScript를 사용하여 성능이 우수한 컴포저기 스레드 애니메이션을 빌드할 수 있도록 지원했습니다.
Mozilla가 Firefox 48에서 element.animate() 구현을 출시하여 이 신규 JS API를 사용하여 진정한 교차 브라우저 가속 애니메이션을 지원하게 된 것을 기쁘게 생각합니다. Google과 Mozilla는 구현이 상호 운용되도록 하기 위해 최선을 다해 협력해 왔습니다. 정말 협력적인 노력이었습니다.
Web Animations API를 사용하면 전원 소모량이 적은 더 빠른 프레임 속도를 얻을 수 있으며, 이는 모든 기기, 특히 모바일에서 더 나은 사용자 환경으로 이어집니다.
Web Animations API는 폴리필을 통해 모든 브라우저에서 사용할 수 있습니다. 폴리필은 네이티브 구현이 있는 경우 전체 속도의 네이티브 구현을 사용하고 그렇지 않은 경우에는 JavaScript 구현으로 원활하게 대체합니다. WebKit 커뮤니티에서 자체 구현을 고려하고 Edge팀에서 이를 백로그에 추가하는 것을 보고 큰 힘을 얻었습니다. 곧 모든 주요 브라우저에서 웹 애니메이션이 지원되기를 기대합니다.
Chrome, Firefox 또는 Opera에서 전체 가속 웹 애니메이션 환경을 사용하려면 이 데모 페이지로 이동하여 직접 사용해 보세요.