آموزش انیمیشن GSAP - آخرین آپدیت

درس‌ها Lessons

• مقدمه Introduction

• انیمیشن GSAP چیست What is GSAP Animation

• پیاده‌سازی انیمیشن GSAP Implementation GSAP animation

• ویژگی‌ها و متد انیمیشن GSAP GSAP animation properties and method

• نحوه استفاده از Scroll Trigger - بخش اول How to use scroll Trigger part 1

• نحوه استفاده از Scroll Trigger - بخش دوم How to use scroll Trigger part 2

• تایم‌لاین در GSAP - ساخت اولین تایم‌لاین شما - بخش اول Timeline in GSAP Create Your First Timeline part 1

• تایم‌لاین در GSAP - ساخت اولین تایم‌لاین شما - بخش دوم Timeline in GSAP Create Your First Timeline part 2

• Scroll Trigger - انیمیشن‌های متعدد و scrub Scroll Trigger multiple animation and scrub

• Scroll Trigger با pin Scroll Trigger with pin

• انیمیشن GSAP با گرافیک SVG GSAP Animation With SVG Graphic

• عنصر path در SVG Svg path element

• ساخت انیمیشن‌های SVG زیبا Create Slick SVG Animations

• ساخت انیمیشن نشانگر سفارشی Buld a Custom Cursor animation

• ساخت انیمیشن نشانگر سفارشی - بخش دوم Buld a Custom Cursor animation Part 2

• ساخت انیمیشن نشانگر سفارشی - بخش سوم Buld a Custom Cursor animation Part 3

• ساخت طرح‌های تایم‌لاین متحرک - بخش اول Create Animated Timeline Designs part 1

• ساخت طرح‌های تایم‌لاین متحرک - بخش دوم Create Animated Timeline Designs part 2

• ساخت انیمیشن‌های متنی خیره‌کننده با GSAP - بخش اول Create Stunning Text Animations with GSAP part 1

• ساخت انیمیشن‌های متنی خیره‌کننده با GSAP - بخش دوم Create Stunning Text Animations with GSAP part 2

• ساخت انیمیشن‌های متنی خیره‌کننده با GSAP - بخش سوم Create Stunning Text Animations with GSAP part 3

• انیمیشن متن اسکرول - بخش اول Scrolling text animation Part 1

• انیمیشن متن اسکرول - بخش دوم Scrolling text animation Part 2

• ساخت نوار ناوبری صفحه فرود Build navigation bar of landing page

• ساخت بخش سربرگ Build header section

• چیدمان لوگو و گرافیک Arrange the logo and the graphic