معرفی The Web Animations API و @ okikio / animate

عکس پروفایل Okiki Ojo Hacker Noon

@اوکیکیواوکیکی اوجو

من در حال حاضر یک دانشجوی وب و نیمه وقت وب هستم ، اگر شما به هر پروژه ای نیاز دارید ، خوشحال می شوم که کمک کنید.

Web Animations API به ما امکان ساخت انیمیشن و کنترل پخش آنها با JavaScript را می دهد. Web Animations API موتور پویانمایی مرورگر را برای توسعه دهندگان و دستکاری توسط JavaScript باز می کند. این API برای زیربنای پیاده سازی CSS Animations و CSS Transitions طراحی شده است و درها را برای جلوه های انیمیشن آینده باز می گذارد. این یکی از بهترین روشهای متحرک سازی در وب است که به مرورگر اجازه می دهد بدون هک ، اجبار یا پنجره بهینه سازی های داخلی را انجام دهد.

با استفاده از Web Animations API می توانیم انیمیشن های تعاملی را از صفحه سبک به جاوا اسکریپت منتقل کنیم و ارائه را از رفتار جدا کنیم. برای کنترل جهت پخش دیگر نیازی به اتکا به تکنیک های سنگین DOM مانند نوشتن ویژگی های CSS و کلاس های محدوده بندی روی عناصر نیست. و بر خلاف CSS خالص و خالص ، JavaScript همچنین به ما امکان می دهد مقادیر را از خصوصیات به مدت زمان به صورت پویا تنظیم کنیم. برای ایجاد کتابخانه های انیمیشن سازی سفارشی و ایجاد انیمیشن های تعاملی ، Web Animations API می تواند ابزاری مناسب برای این کار باشد. بیایید ببینیم چه کاری می تواند انجام دهد!

برای ادامه این مقاله ، من بعضی اوقات به Web Animation API به عنوان WAAPI اشاره خواهم کرد …