انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: الألوان في لغة CSS

CSS color opacity الشفافية مع الألوان في لغة CSS

سوف تتعلم في هذا الدرس المزيد عن الألوان في لغة CSS وستتعرف علي نظام hex color ونظام RGB color ونظام RGBA Color ونظام  HSL Color.

1 صفوف تعليمية
لغة CSS
4,558 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تستخدم خاصية opacity في تحديد درجة ظهور العنصر وتتراوح قيمتها من 0.0 وهي تعني غير مرئي و 1.0 تعني واضح كليا و 0.5 تعني 50% شفافية في لغة CSS.

CSS color opacity

جرّب بنفسك

CSS color opacity

شفافة الألوان في لغة CSS.

HTML 
#p1 {background-color:rgb(255,0,0);opacity:0.6;}
#p2 {background-color:rgb(0,255,0);opacity:0.6;}
#p3 {background-color:rgb(0,0,255);opacity:0.6;}
#p4 {background-color:rgb(192,192,192);opacity:0.6;}
#p5 {background-color:rgb(255,255,0);opacity:0.6;}
#p6 {background-color:rgb(255,0,255);opacity:0.6;}
جرّب بنفسك

جميع فقرات هذا الدرس (الألوان في لغة CSS)