كيفية تغيير اللون ديناميكيًا أثناء التمرير باستخدام CSS -

القراء مثلك يساعدون في دعم MUO. عند إجراء عملية شراء باستخدام الروابط الموجودة على موقعنا ، فقد نربح عمولة تابعة. اقرأ أكثر.

باستخدام عناصر موقع الويب الثابتة مثل الشعارات ، ستواجه غالبًا مزيجًا لونيًا عند التمرير في الصفحة. يمكن أن يحدث هذا إذا تجاوز العنصر الثابت قسمًا من موقع الويب يشترك في نفس اللون مع العنصر. سيكون العنصر الثابت غير مرئي بينما يرتكز على تلك الخلفية.

كم تساوي هدايا تيك توك

لإصلاح هذه المشكلة ، تحتاج إلى عكس لون الشعار ديناميكيًا عندما يمر فوق عنصر بنفس اللون. تعرف على كيفية تحقيق هذا التأثير باستخدام CSS فقط ، دون الحاجة إلى JavaScript!

اجعل فيديو اليوم قم بالتمرير للمتابعة مع المحتوى

قم بتنزيل Starter Code