CSS Transparency Opacity
الشفافية في لغة CSS
سوف تتعلم في هذا الدرس كيفية عمل صور وخلفيات صور شفافة أو خلفيات لون شفافة ويمكن إضافة عناصر شفافة فوق عناصر أخري عن طريق خاصية opacity في لغة CSS.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Opacity
الشفافية في لغة CSS
</>
CSS Opacity
الشفافية في لغة CSS
add_circle_outline
تُستخدم خاصية opacity في لغة CSS لعمل خلفيات شفافة ويمكن أيضاً التحكم في درجة الشفافية أو درجة الوضوح وتحدد قيمتها من 0.0 إلي 1.0 حيث 0.5 50% شفافية.
CSS Opacity Syntax
طريقة كتابة خاصية opacity في لغة CSS.
opacity:value;
CSS opacity values
قيم خاصية opacity في لغة CSS.
opacity:number|initial|inherit;
</>
CSS opacity number
خاصية opacity مع القيمة number في لغة CSS
add_circle_outline
تُستخدم خاصية opacity مع القيمة number في لغة CSS للتحكم في درجة شفافية الصور والعناصر والخلفيات.
CSS Opacity 0.1
خاصية opacity مع القيمة 0.1 في لغة CSS.
CSS Opacity 0.3
خاصية opacity مع القيمة 0.3 في لغة CSS.
CSS Opacity 0.5
خاصية opacity مع القيمة0.5 في لغة CSS.
CSS Opacity 0.7
خاصية opacity مع القيمة 0.7 في لغة CSS.
CSS Opacity 1
خاصية opacity مع القيمة 1 في لغة CSS.
</>
CSS opacity with hover
خاصية opacity مع hover في لغة CSS
add_circle_outline
تستخدم خاصية opacity مع hover في لغة css لتغيير قيمة opacity عند الوقوف علي العنصر ليتغير شكل العنصر بطريقة جذابة.
CSS opacity with hover
خاصية opacity مع hover في لغة CSS.
img:hover
{
opacity: 1.0;
}
</>
CSS opacity with background color
خاصية opacity مع الخلفيات الألوان في لغة CSS
add_circle_outline
تستخدم خاصية opacity مع hover في لغة css لتغيير قيمة opacity عند الوقوف علي العنصر ليتغير شكل العنصر بطريقة جذابة.
CSS opacity with background color
خاصية opacity مع الألوان في لغة CSS.
.one
{
width:24%;
height:200px;
background:blue;
display:inline-block;
opacity:0.3
}
مستوي الشفافية
بناء الجملة
بناء الجملة
خاصية
عناصر
عناصر
قيمة
خلفية
شفافية
يحوم
Cascading Style Sheets
صفحات الأنماط الانسيابيةلديك استفسار ؟
يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
