آموزش کدنویسی 100 پروژه انیمیشن در وب با CSS

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با پروژه نویسی CSS یاد می گیرید.

عنوان اصلی : Master Creative Advanced CSS Animations Create 100 Projects

سرفصل ها :

01-1-خلاقیت انیمیشن های css پیشرفته-ایجاد 100 پروژه
02-2-transitions css چیست
گزینه های انتقال 03-3-css
04-4-روش های مختلف برای نوشتن خاصیت انتقال
05-5-چه ویژگی هایی را می توان انتقال داد
06-6-css 2d مبانی را تغییر می دهد
تابع ترجمه 07-7-css
تابع مقیاس 08-8-css
تابع چرخش 09-9-css
تابع چولگی 10-10-css
مبدا تبدیل 11-11-css
12-12-ترجمه در 3 بعدی
13-13-چرخش در 3 بعدی
14-15-اثر دکمه چرخان خلاقانه
15-16-اثر دکمه کش رفتن خلاقانه
16-17-اثر شناور دکمه خلاقانه
17-18-افکت کشش دکمه خلاقانه
18-19-افکت کشیدن دکمه خلاقانه از بالا به پایین با متن
19-20-دکمه خلاقانه جلوه درخشان
20-22-افکت دکمه مبادله دو لایه خلاقانه
21-21-افکت دکمه مقیاس بندی متن خلاقانه
22-22-اثر دکمه مبادله دایره ای خلاقانه
23-23-افکت دکمه چرخشی 3 لایه خلاقانه
24-25-لایه های خلاقانه با افکت دکمه چپ به راست تعویض می شوند
25-26-خلاق 3 دایره به پس زمینه افکت دکمه
26-27-اثر شناور دکمه خلاقانه
27-28-افکت دکمه های تقسیم شده خلاقانه
28-29-اثر دکمه تعویض حاشیه خلاقانه
29-30-افکت دکمه رشد حاشیه خلاقانه
30-31-اثر دکمه چرخان حرف اول خلاقانه
31-32-خلاقانه 4 حاشیه در حال رشد افکت دکمه
32-33-افکت دکمه مواج خلاقانه
33-34-خلاقانه 2 برش افکت دکمه
34-35-خلاقانه 2 قسمت افکت دکمه اریب
35-36-اثر دکمه ضربانی خلاقانه
جلوه دکمه کش رفتن 36-37 مورب با استفاده از حاشیه
37-39-اثر تصویر خلاقانه 1
38-40-اثر تصویر خلاقانه 2
39-41-اثر تصویر خلاقانه 3
40-42-اثر تصویر خلاقانه 4
41-43-اثر تصویر خلاقانه 5
42-44-افکت تصویر خلاقانه 6
43-45-افکت تصویر خلاقانه 7
44-46-افکت تصویر خلاقانه 8
45-47-افکت تصویر خلاقانه 9
46-48-افکت تصویر خلاقانه 10
47-49-اثر تصویر خلاقانه 11
48-51-افکت منوی مرزهای در حال رشد خلاقانه
49-52-پس زمینه و جلوه منوی حاشیه های خلاقانه
50-53-افکت منوی پس‌زمینه تقسیم‌شده خلاقانه
51-54-خلاق 2 متحرک حاشیه های پایین منو جلوه
52-55-افکت منو تار خلاقانه
53-56-اثر منوی خلاق با استفاده از ویژگی تاخیر انتقال
حاشیه های 54-57-2 و جلوه منوی پس زمینه
افکت منوی تک تیرانداز 55-58 مرزی
56-59-افکت چرخش حاشیه منو خلاق
57-60-افکت منوی لایه ای رنگارنگ خلاقانه
جلوه کارت ترجمه 58-62 پس زمینه
59-63-اثر کارت قابل ارتقا خلاق
60-64-اثر کارت کاپیتان مارول خلاقانه
61-65-اثر کارت مرزی خلاقانه
62-66-اثر شناور کارت دو چهره خلاقانه
63-67-افکت شناور کارت لایه لایه خلاقانه
64-68-اثر کارت مقیاس بندی خلاق
65-69-اثر متن دودی با استفاده از تبدیل های css
افکت متن 66-70-fill در شناور
67-71-آیکون های رسانه های اجتماعی با تبدیل های css افکت شناور می شوند
68-72-افکت حاشیه متن چرخانده خلاق با استفاده از تبدیل های css
69-73-معرفی انیمیشن
70-74- انیمیشن های css با مراحل بیشتر ایجاد کنید
ویژگی 71-75-animation fill mode
72-76-ویژگی تعداد تکرار انیمیشن
73-77- خاصیت جهت انیمیشن
74-78-روش کوتاه نویسی متحرک
متن شناور 75-79 با استفاده از انیمیشن css
جلوه بارگذاری 76-80 چرخشی با استفاده از انیمیشن css
77-81-رانندگی ماشین و موتور سیکلت با استفاده از انیمیشن css
چرخش متن 78-82 با استفاده از انیمیشن css
الگوی تصویر متحرک 79-83 با استفاده از انیمیشن css
افکت شناور تکان دهنده 80-84 دکمه با انیمیشن css
دکمه متحرک 81-85 با انیمیشن css
متن نورپردازی 82-86 با انیمیشن css
83-87-تپش قلب با انیمیشن css
84-88-پس زمینه متن متحرک با انیمیشن css
توپ های پرتاب 85-89 با انیمیشن css
افکت باران 86-90 با انیمیشن css
87-91-icon جلوه های شناور با انیمیشن های css
88-92-بارگذاری انیمیشن متنی
89-93-افکت پالس عالی با استفاده از انیمیشن های css
90-94-نمایش اسلایدر تصاویر ساده با انیمیشن های css
گهواره 91-96 نیوتن با انیمیشن های css
92-97-افکت بارگذاری خوب با انیمیشن های css
93-98-افکت بارگذاری خوب با انیمیشن های css 2
94-99-افکت بارگذاری خوب با انیمیشن های css 3
95-100-افکت بارگذاری خوب با انیمیشن های css 4
96-101-افکت بارگذاری خوب با انیمیشن های css 5
97-103-افکت بارگذاری خوب با انیمیشن های css 7
98-104-افکت بارگذاری خوب با انیمیشن های css 8
99-105 خطوط در حال بارگذاری با انیمیشن css
پس زمینه 100-106 متحرک با استفاده از انیمیشن های css
انیمیشن لودر 101-107 شش گوشه
102-108-بسط جلوه منوی خط با استفاده از انیمیشن های css
103-109-باکس پس زمینه در حال رشد انیمیشن با استفاده از انیمیشن های css
104-110-ویژگی css clip path چیست و چگونه می توانیم از آن برای ایجاد اشکال استفاده کنیم
105-112-اثر موجی css با استفاده از ویژگی مسیر کلیپ css
106-113-اثر شناور تصویر خلاقانه با استفاده از ویژگی مسیر کلیپ css
107-114-creative css pop up effect با استفاده از ویژگی مسیر کلیپ css
108-115-افکت متن سیاه به سفید و سفید به سیاه با استفاده از مسیر کلیپ css
109-116-تصویر به دایره اثر شناور با استفاده از ویژگی مسیر کلیپ css
110-117-افکت شناور تصویر خلاقانه با استفاده از مسیر کلیپ css
111-118-افکت تقسیم منوی خلاقانه با استفاده از ویژگی مسیر کلیپ css
112-119-اثر شناور دکمه خلاق با استفاده از ویژگی مسیر کلیپ css