opacity

value: 1

opacity:1

شرح خاصية css opacity

خاصية opacity هي خاصية في CSS تحدد شفافية عنصر HTML. تتحكم هذه الخاصية في درجة شفافية العنصر، حيث يتم تحديد القيمة بين 0 و 1، حيث 0 يعني تمامًا شفاف و 1 يعني غير شفاف.

يتم استخدام خاصية opacity لتحديد شفافية عنصر HTML وإضفاء مظهر مختلف على العنصر. يمكن استخدامها لإنشاء تأثيرات غامقة أو شفافة للعناصر النصية والصور والخلفيات.

يمكن تحديد خاصية opacity باستخدام CSS، على سبيل المثال:

/* تحديد شفافية العنصر إلى 50٪ */
.item {
  opacity: 0.5;
}

/* تحديد شفافية العنصر إلى 25٪ */
.item {
  opacity: 0.25;
}

/* تحديد العنصر تمامًا شفاف */
.item {
  opacity: 0;
}

/* تحديد العنصر غير شفاف */
.item {
  opacity: 1;
}

يمكن استخدام خاصية opacity مع خاصية rgba() لتحديد شفافية لون الخلفية. على سبيل المثال:

/* تحديد شفافية الخلفية إلى 50٪ */
.item {
  background-color: rgba(0, 0, 0, 0.5);
}

/* تحديد شفافية الخلفية إلى 25٪ */
.item {
  background-color: rgba(0, 0, 0, 0.25);
}

تستخدم خاصية opacity على نطاق واسع في تصميم الواجهات الأمامية لتحسين جاذبية المظهر العام للصفحة. ومع ذلك، يجب استخدام الخاصية بحذر لأنها يمكن أن تؤثر على قراءة النصوص ورؤيتها بشكل صحيح.

اختبار css opacity

اضغط على start التي في منتصف الاختبار لبدء الاختبار

/8
10 votes, 4.2 avg
388

اختبار في css opacity

ابدء الاختبار الان و فكر جيداً قبل الاجابة على اي سؤال , بالتوفيق للجميع.

1 / 8

ما هي الخاصية التي يمكن استخدامها بجانب opacity لتحويل العنصر إلى عنصر ذات خلفية شفافة بشكل جزئي؟

2 / 8

ما هي الخاصية التي يمكن استخدامها بجانب opacity لتحويل العنصر إلى عنصر غير مرئي دون تأثير على العناصر الفرعية؟

3 / 8

ما هي الخاصية التي يمكن استخدامها لتحديد التأثير على العناصر الفرعية؟

4 / 8

ما هي القيمة التي يتم استخدامها لخاصية opacity لجعل العنصر مرئي بشكل كامل؟

5 / 8

ما هي القيمة التي يتم استخدامها لخاصية opacity لجعل العنصر غير مرئي تمامًا؟

6 / 8

ما هي الخاصية التي يمكن استخدامها لتحويل العنصر من حالة الى اخرى؟

7 / 8

ما هي الخاصية التي يمكن استخدامها لتحديد تأثير تدريجي على العنصر؟

8 / 8

ما هي القيمة التي يتم استخدامها لخاصية opacity لجعل العنصر نصف شفاف ؟

Your score is

0%

قيم هذا الاختبار من فضلك