بسم الله الرحمن الرحيم
شرح اضافة تأثير ابيض واسود على الصور باستخدام Css
في درس اليوم سأشرح لكم كيفية اضافة تأثير على الصور وهو درس بسيط وسهل حصري على دليل الاشهار العربي من خلال استخدام تقنية hover على الصورة مع اضافة وسم للصورة
معاينة الكود :
https://inkohost.com/up/uploads/admin/file_2022-10-29_075444.gif
شرح عمل الكود :
اولا نقوم بانشاء محدد ونسميه ما نريد مثل التالي
الكود:
<div class="pubarab"></div>
والان نقوم باضافة كود الصور داخل المحدد لتصبح بالشكل التالي
الكود:
<div class="pubarab"><img src="https://i.servimg.com/u/f79/11/32/95/02/oa_aao10.png"></div>
والان نضيف كود Css مخصص مضاف اليه hover ونقوم باضافة خاصية فلتر للكود ووضع درجة اللون grayscale
كما في المثال التالي
والان نقوم بدمج الhtml مع الـ Css لتمكينك من وضعهم مع بعض في اي مكان تريده :
وهنا ينتهي شرحنا لليوم
ان شاء الله يكون واضح
بالتوفيق للجميع
والسلام ختام