Interfejs Web Animations API jest częścią nowego standardu internetowego, nad którym obecnie pracują programiści przeglądarek z Mozilla i Google.
W Chrome 36 wprowadziliśmy metodę element.animate() z interfejsu Web Animations API, która umożliwia deweloperom tworzenie wydajnych animacji wątków kompozytora za pomocą JavaScriptu.
Cieszymy się, że Mozilla wprowadziła implementację funkcji element.animate() w Firefox 48, umożliwiając prawdziwe przyspieszenie animacji w różnych przeglądarkach za pomocą tego nowego interfejsu JS API. Google i Mozilla wspólnie dołożyły wszelkich starań, aby nasze implementacje były ze sobą kompatybilne. To naprawdę wspólny wysiłek.
Zalety korzystania z interfejsu Web Animations API to m.in. większa częstotliwość odświeżania przy niższym poborze mocy, co przekłada się na lepsze wrażenia użytkowników na wszystkich urządzeniach, zwłaszcza mobilnych.
Interfejsu Web Animations API można używać we wszystkich przeglądarkach za pomocą polyfilla, który będzie używać natywnej implementacji o pełnej szybkości, jeśli jest dostępna, a w przeciwnym razie użyje implementacji JavaScript. Zachęca nas to, że społeczność WebKit rozważa własną implementację, a zespół Edge dodał ją do kolejki zadań do wykonania. Mamy nadzieję, że animacje internetowe będą wkrótce obsługiwane we wszystkich głównych przeglądarkach.
Aby w pełni korzystać z przyspieszonych animacji w Chrome, Firefoxie lub Operze, otwórz te strony demo i spróbuj je samodzielnie.