آموزش یادگیری Anime.js

معرفی Introduction

• متحرک کردن ویژگی های CSS با JavaScript Animating CSS properties with JavaScript

• آنچه شما باید بدانید What you should know

1. شروع کار 1. Getting Started

• راه اندازی انیمه Setting up Anime

• متحرک سازی اهداف با ویژگی ها و تبدیل های CSS Animating targets with CSS properties and transformations

• متحرک سازی اهداف با اعداد Animating targets with numerals

• دستکاری مقادیر انیمیشن Manipulating animation values

• تعریف پارامترهای انیمیشن Defining animation parameters

2. صاف کردن آن 2. Making It Smooth

• استفاده از تسهیل برای حرکت طبیعی تر Using easing for more natural movement

• استفاده از تکان دهنده برای حرکت طبیعی تر Using staggering for more natural movement

• افزودن کنترل های اصلی انیمیشن Adding basic animation controls

• افزودن کنترلهای پیمایش Adding scrolling controls

• چالش: یک div را متحرک کنید و شامل کنترل های کاربر باشد Challenge: Animate a div and include user controls

• راه حل: یک div را متحرک کنید و شامل کنترل های کاربر باشد Solution: Animate a div and include user controls

نتیجه Conclusion

• مراحل بعدی Next steps