قیمت این دوره : رایگانــ
  • مدرس دوره : عبدالعظیم رحمان پور ( رزومه )
  • تعداد دانشجویان این دوره : 2,480 نفر
  • تعداد ویدیوها : 20 ویدیو
  • مدت زمان دوره : 2:2:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/03/11

آموزش انیمیشن های Css

انیمیشن ها یکی از قابلیت های CSS3می باشند که امکان طراحی جذاب و محرک عناصر صفحه را برای کاربران وب فراهم کرده است، بدون اینکه از جاوا اسکریپت استفاده کنید. با استفاده از این قابلیت می توانید وبسایت خود  را جذاب تر کنید تا کاربران از حضور طولانی در وبسایت شما لذت ببرند.

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد.

فهرستـــ ویدیوها

مدت زمان دوره 02:02:07
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
1
  • معرفی دوره

  • 00:02:00
  • رایگانــ

معرفی دوره

2
  • اضافه کردن Transition

  • 00:06:00
  • رایگانــ

آموزش اضافه کردن Transition در Css

3
  • سفارش سازی Transitions

  • 00:08:00
  • رایگانــ

 سفارش سازی زمان اجرا، زمان تاخیر و سرعت ترنزیشن ها 

4
  • مختصرنویسی Transitions

  • 00:03:00
  • رایگانــ

 ما می توانیم  کدهای ترنزیشن رو ادغام کنیم و با یک خط دستور تمام مشخه های ترانزیشن را مقداردهی کنیم

5
  • مثال کاربردی از Transition در پروژه واقعی

  • 00:05:00
  • رایگانــ

در این جلسه ما مثال کابردی از ترنزیشن را در یک شبه پروژه کاربردی بیان می کنیم

6
  • تعریف انیمیشن ها

  • 00:08:00
  • رایگانــ

در این جلسه ما تعریف انیمیشن ها در سی اس اس را با استفاده از مثال های ساده بیان می کنیم

7
  • زمان بندی انیمیشن ها

  • 00:06:00
  • رایگانــ

در این جلسه ما زمان تاخیر و مرتبه اجرایی انیمیشن ها در سی اس اس را بیان می کنیم

8
  • دیگر مشخصه های انیمشن

  • 00:08:00
  • رایگانــ

در این جلسه ما مشخصه های سرعت و  جهت و  ... را با استفاده از مثال های ساده بیان می کنیم

9
  • مختصرنویسی انیمیشن ها

  • 00:03:00
  • رایگانــ

در این جلسه کدهای انیمیشن رو  ادغام می کنیم و در یک خط کد می نویسیم

10
  • مثال کاربردی از انیمیشن ها در صفحه فرود

  • 00:10:00
  • رایگانــ

در این جلسه ما مثال کابردی از انیمیشن ها را در یک صفحه فرود بیان می کنیم

11
  • معرفی Transforms & Scaling

  • 00:07:00
  • رایگانــ

در این جلسه به معرفی Transforms و Scaling  می پردازیم

12
  • Translation

  • 00:04:00
  • رایگانــ

در این جلسه Translation رو به صورت کلی مورد بررسی قرار می دهیم

13
  • چرخش

  • 00:03:00
  • رایگانــ

در این جلسه به تشریح چرخش همراه با مثال می پردازیم

14
  • Skew

  • 00:04:00
  • رایگانــ

در این جلسه به تشریح  Skew می پردازیم

15
  • ادغام کردن دستورات Transform

  • 00:07:00
  • رایگانــ

در این جلسه به دستورات scale, rotate, translate را در transform با هم ادغام می کنیم و سپس به مختصر نویسی آن می پردازیم. 

16
  • مثال کاربردی از Transforms

  • 00:09:00
  • رایگانــ

در این جلسه به مثال کاربردی از Tranforms در دنیای واقعی می پردازیم. 

17
  • پیشوندها

  • 00:05:57
  • رایگانــ

در این جلسه به شرح پیشوندها در سایر مرورگرها می پردازیم.

18
  • متغیرهای css

  • 00:07:00
  • رایگانــ

در این جلسه متغیرهای css را مورد بررسی قرار می دهیم و مثال های ساده ای از کاربرد آن را بیان می کنیم.

19
  • سفارشی سازی Timing Functions

  • 00:06:10
  • رایگانــ

در این جلسه با استفاده از تابع cubic-bezier به سفارشی سازی Timing Functions می پردازیم.

20
  • معرفی یک وبسایت کاربردی و سخن پایانی

  • 00:10:00
  • رایگانــ

در جلسه پایانی به معرفی یک وبسایت کاربردی در زمینه انیمیشن های css می پردازیم و دوره رو به اتمام می رسانیم.

نظرات کاربران در رابطه با این دوره

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .