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

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

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




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

مدت زمان دوره 2:2:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

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 می پردازیم و دوره رو به اتمام می رسانیم.


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

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