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

CSS Image Opacity شفافية الصور في لغة CSS

سوف تتعلم في هذا الدرس كيفية التحكم في الصور الموجودة بداخل صفحة الويب باستخدام عدة خواص مختلفة مثل (height , width , margin , borders , opacity ) في لغة CSS.

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

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

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

عن طريق خاصية opacity تستطيع التحكم في شفافية وضوح الصور وعن طريق القيمة الخاصة بها يمكن التحكم في درجة وضوح الصور ودرجة وضوع الصورة تبدأ من 0.1 الي 0.9 والقيمة 0.1 اقل قيمه وهي تتسبب في عدم وضوح الصور.

جرّب بنفسك

CSS Image Opacity

شفافية الصور في لغة CSS.

HTML 
img 
{
  opacity:0.4;
  width:100%
}
جرّب بنفسك

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