موجودی اعتبار شما: 7,000 تومان
پشتیبانی : @ParsiCh_support
- support@Parsich.com

درس های دوره - CSS - Animation

2. مروری بر Transitionها و Transformهای CSS

2-2 transformهای ساده سه بعدی

5m مگ 103.0
دانلود

2-3 transition های CSS

6m مگ 85.4
دانلود

2-5 راه حل اضافه کردن یک transition

1m مگ 22.2
دانلود

3. شناخت انیمیشن های CSS

3-1 اصول اولیه انیمیشن

7m مگ 115.9
دانلود

3-2 استفاده از animation-delay و nimation-fill-mode

6m مگ 84.7
دانلود

3-3 استفاده از animation-direction

5m مگ 73.3
دانلود

3-4 Timing یا زمان بندی و easing

10m مگ 146.2
دانلود

3-5 چالش اضافه کردن به انیمیشن keyframe

1m مگ 15.1
دانلود

4. ساخت بلوک های انیمیشن CSS

4-3 اضافه کردن قابلیت اجرا و مکث به کمک play-state

5m مگ 92.3
دانلود

4-4 انیمیت کردن transform های سه بعدی

7m مگ 108.1
دانلود

4-5 استفاده از تصاویر به صورت sprite

5m مگ 79.8
دانلود

4-6 انیمیت کردن prite imageها به کمک step ها

5m مگ 92.0
دانلود

4-7 اتصال انیمیشن های متعدد

7m مگ 124.1
دانلود

4-8 چالش اضافه کردن انیمیشن سوم به انیمیشن های قبل

1m مگ 19.0
دانلود

4-9 راه حل اضافه کردن انیمیشن سوم به انیمیشن های قبل

1m مگ 31.4
دانلود

5. انیمیت کردن SVG

5-2 Export کردن SVG در Illustrator

7m مگ 117.5
دانلود

5-3 انیمیت کردن SVG از طریق CSS

9m مگ 134.4
دانلود

6. عملکرد و پشتیبان مرورگر

6-1 زمان استفاده از انیمیشن های CSS

7m مگ 98.7
دانلود

6-2 انیمیشن های قدرتمند

6m مگ 94.3
دانلود

6-3 سازماندهی کدها

4m مگ 66.9
دانلود

7. ابزارها و راه های ساخت انیمیشن های CSS

7-1 ابزارهای آنلاین مفید مربوط به انیمیشن

3m مگ 78.9
دانلود

7-2 استفاده از ابزارهای inspection انیمیشن در مرورگرها

6m مگ 78.0
دانلود

8. نتیجه گیری

8-1 مراحل بعد

1m مگ 15.0
دانلود
مشخصات دوره
مدرس: Val Head
مترجم:اکرم السادات حسینی
دوبلر: فاطمه صفائی
سطح دوره: مقدماتی - متوسط
زمان کل:2h 43m
حجم کل: 2483.8 مگابایت
مبلغ خرید 41,000 تومان

2,460 تومان اعتبار هدیه خرید این دوره

خرید

CSS - Animation

CSS - Animation

موضوعات :

  • استفاده از transformها و transitionهای CSS
  • کار با animation-delay و animation-fill-mode
  • زمان بندی و easing در اَنیمِیشنهای CSS
  • اَنیمِیت کردن المانها
  • اَنیمِیت کردن  Image Spriteها
  • اَنیمِیت کردن transformها و transitionهای CSS
  • پیوند دادن اَنیمِیشنهای متعدد
  • اَنمیِیت کردن تصاویر SVG
  • ساخت اَنیمِیشنهای CSS با عملکرد بالا

 

اطلاعات دوره:

سی اِس اِس اَنیمِیشِن یک روش جدید برای دادن motion به پروژه های تعاملی است و اساسی ترین مهارت برای طراحان و توسعه دهندگان وِب بوده و ویژگی ای است که کاربران از مرورگران جدید انتظار دارند. این دوره، مجموعه ای از پروژه های اساسی و ساده CSS animation است، مثلا ترَنسفُرمهای 3D، آثار گرافیکی و لوگوهای اَنیمِیت شده، صفحه نمایشهای لود کننده و سایر موارد. در این دوره، طراح وب  Val Head، transformها و  transitionهای CSS را که پایه و اساس  بخش زیادی از اَنیمِیشنهای CSS را معرفی و نشان می دهد چطور اَنیمِیشنهای ساده ای بسازیم و زمان بندی و جهت گیریشان را تعیین کنیم. او همچنین درمورد اَنیمِیشنهای حلقه ای و زنجیره ای، اَنیمِیت کردن المانهای HTML و SVG و بهینه سازی اجرای اَنیمِیشِن صحبت کرده و بهترین ابزارها را معرفی  می کند.

 

نظرات


درباره مدرس
Val Head

Val Head

  • طراح و مشاور وب
  • برگزار کننده کارگاه های آموزشی در خصوص طراحی وب و کدگذاری خلاقانه
  • کار با شرکت ها و کسب و کارهای کوچک برای ایجاد وب سایتهای موثر
  • سخنران کنفرانسهای بین المللی
امتیاز به دوره
کیفیت دوره آموزشی
کیفیت ترجمه
کیفیت دوبله

برچسب ها



logo-samandehi