هیچ محصولی در سبد خرید نیست.
دوره آموزش سی اس اس – Scrolling و Parallax
Lynda – CSS – Scrolling and Parallax
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل
پیمایش قبلاً واقعاً اساسی بود – بالا و پایین ، و گهگاه به یک طرف. اکنون پیمایش جایگاه بیشتری در ناوبری گرفته است و CSS به شما امکان می دهد انیمیشن ها را به پیمایش متصل کنید و در نتیجه فرصت های تعامل جدیدی به وجود می آید.
این دوره آموزش سی اس اس – Scrolling و Parallax، نشان می دهد که چگونه توسعه دهندگان وب و توسعه دهندگان برنامه می توانند از پیمایش و اختلاف نظر برای برنامه ریزی سبک های جدید رابط استفاده کنند.
مدرس Ray Villalobos نشان می دهد که چگونه CSS را برای رفتارهای پیمایش ، ایجاد انیمیشن های CSS ، ایجاد انیمیشن های مبتنی بر پیمایش ، استفاده از ScrollMagic ، Tween و استفاده از پلت فرم انیمیشن Greensock (GSAP) نشان می دهد.
او کلاسهای شبه ، عناصر را با استفاده از خواص تبدیل ، توالی ، منظر با جاوا اسکریپت و موارد دیگر پوشش می دهد.
فهرست سرفصل های دوره : آموزش Lynda – CSS – Scrolling and Parallax
دوره آموزش سی اس اس – Scrolling و Parallax
- مقدمه
چرا انیمیشن های اسکرول مفید هستند؟
استفاده از تمرینات این دوره
- 1. اسکرول ساده با CSS
تثبیت موقعیت
کلاس ها و عناصر شبه
نمایشگر و فلکس باکس
ویژگی های پس زمینه
افزودن تصویر پس زمینه
ویژگی های پس زمینه جایگزین
- 2. ایجاد انیمیشن های CSS
کار با ویژگی transform
استفاده از خواص تبدیل
درک انتقال
استفاده از انتقال برای متحرک سازی
ویژگی انیمیشن
ایجاد فریم های کلیدی برای انیمیشن
فریم های کلیدی جادویی
توالی انیمیشن ها
- 3. انیمیشن مبتنی بر اسکرول
بخش هیولاهای جدید خود را بسازید
پیمایش روان بر روی کلیک پیوندها
درخواست قاب انیمیشن
اضافه کردن کلاس ها هنگام پیمایش
حذف نشانه هدر هنگام پیمایش
پیمایش اختلاف منظر با جاوا اسکریپت
تعیین زمانی که یک شی برای اولین بار ظاهر می شود
متحرک سازی زمانی که اشیا وارد صفحه می شوند
تصادفی کردن ظاهر
- 4. استفاده از ScrollMagic
اضافه کردن HTML نهایی برای انیمیشن
دانلود و نصب ScrollMagic
جابجایی کلاس ها
پیکربندی صحنه های خود
- 5. توئینینگ با GSAP
نصب GSAP
اضافه کردن یک توئین GSAP
کاهش tweens با GSAP
کنترل انیمیشن ها با اسکرول
سنجاق کردن عناصر
- 6. قرار دادن همه چیز با هم
متحرک سازی چتر نجات
اضافه کردن یک توئین GSAP مبهم
- نتیجه
دوره آموزش سی اس اس – Scrolling و Parallax، Lynda – CSS – Scrolling and Parallax، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!
ممنون از آموزش های خوبتون
ممنون از آموزش های خوبتون