هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

descriptionشرح اضافة تأثير ابيض واسود على الصور باستخدام Css Emptyشرح اضافة تأثير ابيض واسود على الصور باستخدام Css

more_horiz
بسم الله الرحمن الرحيم

شرح اضافة تأثير ابيض واسود على الصور باستخدام Css
في درس اليوم سأشرح لكم كيفية اضافة تأثير على الصور وهو درس بسيط وسهل حصري على دليل الاشهار العربي من خلال استخدام تقنية hover على الصورة مع اضافة وسم للصورة

معاينة الكود :
شرح اضافة تأثير ابيض واسود على الصور باستخدام Css File_2022-10-29_075444
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
كما في المثال التالي


شرح اضافة تأثير ابيض واسود على الصور باستخدام Css File_2022-10-29_075749

والان نقوم بدمج الhtml مع الـ Css لتمكينك من وضعهم مع بعض في اي مكان تريده :

شرح اضافة تأثير ابيض واسود على الصور باستخدام Css Separa10

وهنا ينتهي شرحنا لليوم
ان شاء الله يكون واضح

بالتوفيق للجميع
والسلام ختام

descriptionشرح اضافة تأثير ابيض واسود على الصور باستخدام Css Emptyرد: شرح اضافة تأثير ابيض واسود على الصور باستخدام Css

more_horiz
جميل



احسنتا الطرح بارك الله بك





شرح اضافة تأثير ابيض واسود على الصور باستخدام Css 235873



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد

جميع الحقوق محفوظة لدليل الاشهار العربي