الفئات: التكنولوجيا والتطوير | دورات مقدمة باللغة الإنجليزية

رقمي
البرمجيات
التكنولوجيا
الهدف 8: العمل اللائق ونمو الاقتصاد
الهدف 9: الصناعة والابتكار والهياكل الأساسية

دورة الرسوم المتحركة باستخدام CSS (الجزء الأول)

بواسطة
مدة الدورة: 7 ساعة 39 دقيقة / 71 درس

مستوى: عام

اللغة: الانجليزية

ماذا ستتعلم

  • كل ما تحتاج لمعرفته حول CSS Transition ، ما هو، وما هي الخصائص الرئيسية لـ CSS Transition وكيف يمكن أن يعطي الحياة لعناصر HTML.

  • وظائف التحويلات في الCSS التي يمكننا استخدامها في البيئات ثنائية وثلاثية الأبعاد. كيفية استخدام تحويلات CSS لتحريك العناصر حول الصفحة ثم تغيير حجمها وتدويرها.

  • استخدام تقنيات CSS Transforms and Transitions المختلفة لإنشاء أمثلة إبداعية مثل تأثيرات تمرير الأزرار ، وبعض تأثيرات التمرير على الصور ، وغير ذلك الكثير!

هذه الدورة تتضمن

  • 7 ساعة 39 دقيقة/71 درس
  • آخر تحديث: 10/4/2022
  • شهادة إتمام الدورة

محتوى الدورة

دروس مجانية

1.

ما هي انتقالات CSS؟

3 دقيقة
2.

أساسيات التحول ثنائي الأبعاد

1 دقيقة
3.

خيارات انتقالات CSS

6 دقيقة
4.

خاصية الترجمة CSS

4 دقيقة
5.

طرق مختلفة لكتابة خاصية الانتقال

5 دقيقة
6.

خاصية القياس CSS

3 دقيقة
7.

ما هي الخصائص التي يمكن تحويلها؟

1 دقيقة
8.

خاصية التدوير CSS

2 دقيقة
1.

ما هي انتقالات CSS؟

3 دقيقة
2.

خيارات انتقالات CSS

6 دقيقة
3.

طرق مختلفة لكتابة خاصية الانتقال

5 دقيقة
4.

ما هي الخصائص التي يمكن تحويلها؟

1 دقيقة
1.

أساسيات التحول ثنائي الأبعاد

1 دقيقة
2.

خاصية الترجمة CSS

4 دقيقة
3.

خاصية القياس CSS

3 دقيقة
4.

خاصية التدوير CSS

2 دقيقة
5.

خاصية انحراف CSS

2 دقيقة
6.

خاصية تحديد احداثيات العنصر

6 دقيقة
1.

نقل العنصر وفق القيم ثلاثية الابعاد

5 دقيقة
2.

التدوير لشكل ثلاثي الابعاد

3 دقيقة
1.

نبذة عن محتوايات القسم

2 دقيقة
2.

تصميم زر بحركة تمرير

7 دقيقة
3.

تصميم زر بحركة متأرجحة

6 دقيقة
4.

تصميم زر بحركة تمدد

2 دقيقة
5.

تصميم زر بحركة السحب من أعلى إلى الأسفل مع النص

2 دقيقة
6.

تصميم زر متوهج

5 دقيقة
7.

تصميم زر بحركة تبادلية بين طبقتين

5 دقيقة
8.

تصميم زر بحركة تغيير حجم الخط

5 دقيقة
9.

تصميم زر بحركة تبادلية دائرية

7 دقيقة
10.

تصميم زر بثلاث طبقات بحركة تدوير

6 دقيقة
11.

تصميم زر بحركة تبادلية بين الطبقات من الشمال إلى اليمين

7 دقيقة
12.

تصميم زر بثلاث دوائر في الخلفية

14 دقيقة
13.

تصميم زر بحركة انقسامية

13 دقيقة
14.

تصميم زر بحركة تبادل الإطار

11 دقيقة
15.

تصميم بحركة زيادة حجم الإطارات

6 دقيقة
16.

تأثير زر تدوير الحرف الأول

7 دقيقة
17.

تصميم زر بحركة زيادة حجم الإطارات الأربعة

8 دقيقة
18.

تصميم زر بحركة تموجي

9 دقيقة
19.

تصميم زر بقطعين داخل الإطارات

8 دقيقة
20.

تصميم زر بإطارين منحرفين

5 دقيقة
21.

تصميم زر بحركة نابضة

5 دقيقة
22.

تصميم زر بحركة التمرير القطري باستخدام الحدود

7 دقيقة
1.

تأثيرات الصور باستخدام CSS Transforms

1 دقيقة
2.

تأثيرات الصور 1

8 دقيقة
3.

تأثير تقريب الصورة باستخدام CSS Transforms

2 دقيقة
4.

تأثير تأرجح الصورة باستخدام CSS Transforms

2 دقيقة
5.

تأثيرات الصور 3

3 دقيقة
6.

تأثيرات الصور 4

2 دقيقة
7.

التأثير المتأرجح للصور باستخدام CSS transforms 5

12 دقيقة
8.

تأثيرات الصور 6

2 دقيقة
9.

تأثيرات الصور 7

16 دقيقة
10.

تأثيرات الصور 8

7 دقيقة
11.

تأثيرات الصور 9

8 دقيقة
12.

تأثيرات الصور 10

4 دقيقة
13.

تأثيرات الصور 11

6 دقيقة
1.

تأثيرات للقوائم باستخدام CSS Transforms

1 دقيقة
2.

لتأثير زيادة حجم الإطار للقائمة

5 دقيقة
3.

تأثير الخلفية والإطار للقائمة

9 دقيقة
4.

تأثير الخلفية المنقسمة للقائمة

9 دقيقة
5.

تأثير إطارات الزر المتحركة للقائمة

6 دقيقة
6.

تأثير القائمة الباهتة

7 دقيقة
7.

تأثير القائمة باستخدام خاصية تأخير الانتقال

10 دقيقة
8.

2 حدود و تأثير الخلفية للقائمة

8 دقيقة
9.

تأثير Border Sniper للقائمة

9 دقيقة
10.

تأثر حركة تدوير إطار القائمة

6 دقيقة
11.

تأثير قائمة الطبقات الملونة

6 دقيقة
1.

تأثيرات بطاقات Css باستخدام تحويلات CSS

1 دقيقة
2.

تأثير إحداثيات خلفية البطاقة

6 دقيقة
3.

تأثير البطاقة بحركة توسع

6 دقيقة
4.

تأثير بطاقة الكابتن مارفل

7 دقيقة
5.

تأثير إطار البطاقة

9 دقيقة
6.

تأثير التأرجح على بطاقة ذات الوجهين

11 دقيقة
7.

تأثير التأرجح بين طبقات البطاقة

9 دقيقة
8.

تأثير التدرج البطاقة

10 دقيقة
1.

أمثلة أخرى رائعة مع تحويلات Css

2.

تأثير نص مدخن باستخدام تحويلات CSS

5 دقيقة
3.

تأثير تعبئة النص عند التمرير

3 دقيقة
4.

تأثير التأرجح على أيقونات السوشيال ميديا

9 دقيقة
5.

تأثير تدوير إطار النص باستخدام تحويلات CSS

10 دقيقة

عن الدورة

لغة الCSS هي التي تساعد في تحديد شكل الموقع الالكتروني الخاص بك و كيف سيستمتع زوار موقعك باستخدامه. إحدى الميزات المتقدمة لـCSS هى التحويلات, فهي تتيح لك تغيير مواضع وأشكال العناصر على صفحة الويب بطرق مبدعة و بسيطة. ستساعدك هذه الدورة التدريبية في إتقان التحويلات وستكون نقطة البداية لإطلاق العنان لبناء واجهات فريدة وجذابة من البداية.

متطلبات الدورة

تتطلب هذه الدورة التدريبية معرفة مسبقة بـلغة CSS و HTML.

عن الخبير

دورة الرسوم المتحركة باستخدام CSS (الجزء الأول)

مدة الدورة: 7 ساعة 39 دقيقة / 71 درس
مستوى: عام
اللغة: الانجليزية
هل تحتاج مساعدة؟