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

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

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

بواسطة
مدة الدورة: 4 ساعة 54 دقيقة / 49 درس

مستوى: متخصص

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

ماذا ستتعلم

  • كل ما تحتاج لمعرفته حول الرسوم المتحركة باستخدام CSS ، وما هي وظائف وخصائص الرسوم المتحركة بCSS وكيف نستخدم CSS لإنشاء رسوم متحركة متنوعة من شأنها رفع مستوى موقع الويب الخاص بك.

  • ما هي الCSS Keyframes وما هي وظائف وخصائص CSS Keyframes وكيف يمكن استخدامها لخلق تجربة مستخدم مختلفة على موقع الويب الخاص بك.

  • ما هي خاصية CSS Clip Path ، وما هي الوظائف الرئيسية لها وكيف يمكننا استخدامها لإنشاء أشكال وتقنيات مختلفة باستخدام CSS Animations.

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

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

محتوى الدورة

دروس مجانية

1.

مقدمة عن الرسوم المتحركة

3 دقيقة
2.

إنشاء رسوم متحركة CSS بمزيد من المراحل

4 دقيقة
3.

الخاصية Animation Fill Mode في CSS

6 دقيقة
4.

الخاصية Animation Iteration Count

3 دقيقة
5.

الخاصية Animation Direction

2 دقيقة
1.

مقدمة عن الرسوم المتحركة

3 دقيقة
2.

إنشاء رسوم متحركة CSS بمزيد من المراحل

4 دقيقة
3.

الخاصية Animation Fill Mode في CSS

6 دقيقة
4.

الخاصية Animation Iteration Count

3 دقيقة
5.

الخاصية Animation Direction

2 دقيقة
6.

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

1 دقيقة
1.

نماذج إبداعية Animation CSS

3 دقيقة
2.

نص عائم باستخدام Animation CSS

3 دقيقة
3.

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

4 دقيقة
4.

تصميم قيادة السيارة والدراجة النارية باستخدام Animation CSS

4 دقيقة
5.

نص دوار باستخدام Animation CSS

2 دقيقة
6.

تصميم خلفية متحركة باترن باستخدام CSS animation

3 دقيقة
7.

تصميم زر بـتأثير اهتزاز باستخدام CSS Animation

3 دقيقة
8.

تصميم زر متحرك باستخدام CSS Animation

6 دقيقة
9.

تصميم نص مضيء باستخدام CSS Animations

5 دقيقة
10.

تأثير قلب نابض باستخدام CSS Animations

7 دقيقة
11.

تصميم نص متحرك في الخلفية باستخدام CSS Animations

2 دقيقة
12.

تصميم كرات مرتدة باستخدام CSS Animations

6 دقيقة
13.

تصميم مطر باستخدام CSS Animations

3 دقيقة
14.

تصميم أيقونة متأرجحة باستخدام CSS Animations

8 دقيقة
15.

تأثير النص Loading المتحرك

6 دقيقة
16.

تأثير نبضي باستخدام CSS Animations

6 دقيقة
17.

معرض الصور شرائح متحرك باستخدام CSS animations

2 دقيقة
18.

تصميم شاشة متغيرة لون خلفية CSS Animations

4 دقيقة
19.

تأثير مهد نيوتن مع الرسوم CSS Animations

10 دقيقة
20.

تأثير التحميل الملون الجميل مع CSS Animations

9 دقيقة
21.

تأثير المربعات المتحركة مع CSS Animations

5 دقيقة
22.

تأثير النص المتحرك مع CSS Animations

4 دقيقة
23.

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

5 دقيقة
24.

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

6 دقيقة
25.

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

6 دقيقة
26.

حلقات تحميل التناوب باستخدام CSS Animations

8 دقيقة
27.

تأثير المربع المتلاشي باستخدام CSS animations

6 دقيقة
28.

تأثير الخط المتزايد باستخدام CSS Animation

4 دقيقة
29.

تأثير الخلفية المتحركة بالمربعات باستخدام CSS animations

11 دقيقة
30.

شكل سداسي بتأثير التحميل

12 دقيقة
31.

باستخدام CSS Animations تأثير Expanding Line Menu

6 دقيقة
32.

تصميم خلفية بمربعات متحركة في الخلفية باستخدام CSS Animations

8 دقيقة
1.

أمثلة CSS Clip Path

1 دقيقة
2.

ما هي خاصية CSS Clip Path وكيف يمكننا استخدامها لإنشاء الأشكال

7 دقيقة
3.

تأثير Creative Split Loading باستخدام خاصية CSS Clip Path

7 دقيقة
4.

تأثير Creative CSS Wavy باستخدام خاصية CSS Clip Path

6 دقيقة
5.

تأثير Creative Image Hover باستخدام خاصية CSS Clip Path

7 دقيقة
6.

تأثير Creative CSS Pop Up باستخدام خاصية CSS Clip Path

4 دقيقة
7.

تأثير النص من الأسود إلى الأبيض والأبيض إلى الأسود باستخدام خاصية CSS Clip Path

6 دقيقة
8.

صورة إلى دائرة تأثير التمرير باستخدام خاصية CSS Clip Path

8 دقيقة
9.

تأثير Creative Image Hover باستخدام خاصية CSS Clip Path

8 دقيقة
10.

تأثير Menu Split باستخدام خاصية Clip Path CSS

10 دقيقة
11.

تأثير Button Hover باستخدام خاصية Clip Path CSS

6 دقيقة

عن الدورة

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

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

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

عن الخبير

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

مدة الدورة: 4 ساعة 54 دقيقة / 49 درس
مستوى: متخصص
اللغة: الانجليزية
هل تحتاج مساعدة؟