آموزش ساخت انواع اسکرول در صفحات وب و موبایل با CSS

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با CSS یاد می گیرید.

عنوان اصلی : CSS: Scrolling and Parallax

سرفصل ها :

معرفی:
چرا انیمیشن های اسکرول مفید هستند؟
استفاده از تمرینات این دوره
1. پیمایش ساده با CSS:
تثبیت موقعیت
طبقات و عناصر شبه
نمایشگر و فلکس باکس
ویژگی های پس زمینه
افزودن تصویر پس زمینه
ویژگی های پس زمینه جایگزین
2. ایجاد انیمیشن های CSS:
کار با ویژگی transform
استفاده از خواص تبدیل
درک انتقال
استفاده از انتقال برای متحرک سازی
خاصیت انیمیشن
ایجاد فریم های کلیدی برای انیمیشن
فریم های کلیدی جادویی
توالی انیمیشن ها
3. انیمیشن مبتنی بر اسکرول:
بخش هیولاهای جدید خود را بسازید
پیمایش روان روی کلیک‌های پیوند
درخواست قاب انیمیشن
اضافه کردن کلاس ها هنگام پیمایش
حذف نشانه هدر هنگام پیمایش
پیمایش اختلاف منظر با جاوا اسکریپت
تعیین زمانی که یک شی برای اولین بار ظاهر می شود
متحرک سازی زمانی که اشیا وارد صفحه می شوند
تصادفی کردن ظاهر
4. استفاده از ScrollMagic:
اضافه کردن HTML نهایی برای انیمیشن
دانلود و نصب ScrollMagic
جابجایی کلاس ها
پیکربندی صحنه های خود
5. توئینینگ با GSAP:
نصب GSAP
اضافه کردن یک توئین GSAP
کاهش توئین با GSAP
کنترل انیمیشن ها با اسکرول
سنجاق کردن عناصر
6. قرار دادن همه چیز با هم:
متحرک سازی چتر نجات
اضافه کردن یک توئین GSAP مبهم
نتیجه:
مراحل بعدی