• 0

كيف يمكن إستخدام تقنية الشفافية على الصّور "Transparency" باستخدام "CSS"؟

كيف يمكن إستخدام تقنية الشفافية على الصّور "Transparency" باستخدام "CSS"؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكنك فعل ذلك بإستخدام الخاصية "opacity" على الصور بإستخدام الشيفرة البرمجية التالية:

img
{
opacity:0.4;
filter:alpha(opacity=40);
}

القيمة تكون بين الـ(0 و 1) و"كلما انخفضت القيمة كلما كانت الشفافية أكبر".

كما يمكن إضافة السطر البرمجي التالي لتطبيق الشفافية فقط عند تمرير المؤشر فوق الصورة:
 

filter:alpha(opacity=100)

 

تمّ تعديل بواسطة عزيز

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن