Year: 2024

59- عكس صورة باستخدام CSS

في هذا الفصل، ستتعلم كيفية عكس صورة باستخدام خاصية CSS. عكس صورة باستخدام CSS خاصية box-reflect تستخدم لإنشاء انعكاس للصورة.…

Read More »

58- تنسيق الصور باستخدام CSS

تعرف على كيفية تنسيق الصور باستخدام CSS. صور مستديرة استخدم الخاصية border-radius لإنشاء صور مستديرة: img { border-radius: 8px; }…

Read More »

57- نصائح الأدوات المتحركة (CSS Tooltips)

إنشاء نصائح الأدوات باستخدام CSS. عرض توضيحي: أمثلة على نصائح الأدوات غالبًا ما تُستخدم نصيحة الأدوات لتحديد معلومات إضافية حول…

Read More »

56-الرسوم المتحركة في CSS (CSS Animations)

خصائص أخرى للرسوم المتحركة في CSS بالإضافة إلى تحديد الإطارات الرئيسية باستخدام @keyframes، هناك العديد من الخصائص الأخرى التي يمكنك…

Read More »

55- تأثيرات الانتقال في CSS (CSS Transitions)

تتيح لك تأثيرات الانتقال في CSS تغيير قيم الخصائص بسلاسة، على مدى زمني محدد. في هذا الفصل، ستتعلم عن الخصائص…

Read More »

54- تحويلات ثلاثية الأبعاد في CSS (CSS 3D Transforms)

يدعم CSS أيضًا التحويلات ثلاثية الأبعاد (3D). دوران ثنائي الأبعاد دوران ثلاثي الأبعاد في هذا الفصل، ستتعلم عن خاصية CSS…

Read More »

51- تأثيرات نصوص CSS

التدفق النصي، ولف الكلمات، وقواعد كسر الأسطر، وأنماط الكتابة في هذا الفصل، ستتعلم عن الخصائص التالية: text-overflow word-wrap word-break writing-mode…

Read More »

52- تأثيرات التحويل ثنائية الأبعاد (2D) في CSS

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

Read More »

53-الخطوط على الويب باستخدام CSS

قاعدة @font-face في CSS الخطوط على الويب تتيح لمصممي المواقع استخدام خطوط غير مثبتة على أجهزة المستخدمين. بمجرد العثور/شراء الخط…

Read More »

50- تأثيرات الظل في CSS

تأثيرات الظل في CSS باستخدام CSS، يمكنك إضافة ظلال إلى النصوص والعناصر. ستتعلم في هذه الفصول حول الخصائص التالية: text-shadow…

Read More »