في هذا الدرس 4تصفّح المواضيع
تُستخدم خاصية opacity في لغة CSS لعمل خلفيات شفافة ويمكن أيضاً التحكم في درجة الشفافية أو درجة الوضوح وتحدد قيمتها من 0.0 إلي 1.0 حيث 0.5 50% شفافية.
opacity 1
opacity 0.5
opacity 0.3
opacity 0.1
CSS Opacity Syntax
طريقة كتابة خاصية opacity في لغة CSS.
CSS opacity values
قيم خاصية opacity في لغة CSS.
تُستخدم خاصية 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.
تستخدم خاصية opacity مع hover في لغة css لتغيير قيمة opacity عند الوقوف علي العنصر ليتغير شكل العنصر بطريقة جذابة.
CSS opacity with hover
خاصية opacity مع hover في لغة CSS.
تستخدم خاصية opacity مع hover في لغة css لتغيير قيمة opacity عند الوقوف علي العنصر ليتغير شكل العنصر بطريقة جذابة.
CSS opacity with background color
خاصية opacity مع الألوان في لغة CSS.
.one
{
width:24%;
height:200px;
background:blue;
display:inline-block;
opacity:0.3
}سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات8
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Opacity مستوي الشفافية
- للمراجعة
- 02 Syntax بناء الجملة
- للمراجعة
- 03 Property خاصية
- للمراجعة
- 04 Elements عناصر
- للمراجعة
- 05 Value قيمة
- للمراجعة
- 06 Background خلفية
- للمراجعة
- 07 Transparent شفافية
- للمراجعة
- 08 Hover يحوم
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
- 02 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي2 أسئلة تنتظرك ＋
ماهي الخاصية التي تستخدم في تحديد شفافية العنصر ؟
____