Web Animations API بخشی از یک استاندارد وب جدید است که در حال حاضر توسط مهندسان مرورگر موزیلا و گوگل در دست توسعه است.
Chrome 36 روش element.animate() را از Web Animations API پیاده‌سازی کرد و به توسعه‌دهندگان این امکان را می‌دهد تا با استفاده از جاوا اسکریپت انیمیشن‌های رشته‌ای ترکیب‌کننده عملکردی بسازند.
ما خوشحالیم که موزیلا اکنون پیاده‌سازی عنصر.animate() را در فایرفاکس 48 ارسال کرده است، که انیمیشن‌های واقعی شتاب‌دهنده بین مرورگرها را با استفاده از این API در حال ظهور JS فعال می‌کند. گوگل و موزیلا به سختی با هم کار کرده اند تا مطمئن شوند که پیاده سازی های ما با هم قابل اجرا هستند. این واقعاً یک تلاش مشترک بوده است!
مزایای استفاده از Web Animations API می‌تواند شامل نرخ فریم سریع‌تر با مصرف انرژی کمتر باشد که به تجربه کاربری بهتر در همه دستگاه‌ها، به‌ویژه موبایل‌ها، تبدیل می‌شود.
Web Animations API را می‌توان در همه مرورگرها از طریق یک polyfill استفاده کرد که از پیاده‌سازی بومی با سرعت کامل در جایی که وجود دارد استفاده می‌کند، و در غیر این صورت، به خوبی به پیاده‌سازی جاوا اسکریپت بازمی‌گردد. جامعه WebKit ما را تشویق می‌کند که پیاده‌سازی خود را در نظر می‌گیرد و تیم Edge آن را به کارهای عقب افتاده خود اضافه می‌کند. ما مشتاقانه منتظریم که Web Animations به زودی در همه مرورگرهای اصلی پشتیبانی شود.
برای دریافت تجربه کامل انیمیشن‌های وب سریع در کروم، فایرفاکس یا اپرا، به این صفحات نمایشی بروید و خودتان آن را امتحان کنید.