Month: May 2024

62- تشكيل باستخدام CSS (Masking)

باستخدام خاصية التشكيل (Masking) في CSS، يمكنك إنشاء طبقة قناع توضع فوق عنصر ما لإخفاء أجزاء من هذا العنصر بشكل…

Read More »

61- خاصية object-position في CSS

خاصية object-position في CSS تستخدم لتحديد كيفية وضع عنصر <img> أو <video> داخل حاوية العرض الخاصة به. الصورة لنفترض أن…

Read More »

60-خاصية object-fit في CSS

خاصية object-fit في CSS تستخدم لتحديد كيفية تغيير حجم عنصر <img> أو <video> ليلائم حاوية العرض الخاصة به. تتيح لك…

Read More »

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 »