ما هي تأثيرات التمرير؟

2024 مؤلف: Lynn Donovan | [email protected]. آخر تعديل: 2023-12-15 23:43

تأثير التحويم : تحريك البوب والخلفية. تأثير تحوم لمنتج. تنبثق الصورة لأعلى ولأسفل ، ثم تنزلق الخلفية للخارج وتحريكها.

تعرف أيضًا ، كيف تجعل النص يظهر عندما تحوم الصورة؟

كيفية عرض نص متحرك فوق صورة عند التمرير باستخدام CSS3 فقط

1. إنشاء HTML - أضف صورتك باستخدام

   العلامة والنص. أولاً ، يجب عليك إضافة صورتك باستخدام امتداد

   بطاقة شعار.

2. قم بإنشاء CSS¶ Set: hover selector. يتم تعيين تأثير التمرير باستخدام: hover-class pseudo-class التي تحدد العنصر وتنميطه.

قد يتساءل المرء أيضًا ، كيف تستخدم التحويم؟ يتم استخدام محدد التمرير: لتحديد العناصر عند تحريك الماوس فوقها.

1. نصيحة: يمكن استخدام محدد التمرير على جميع العناصر ، وليس فقط على الروابط.
2. تلميح: استخدم محدد الارتباط: لتحديد نمط الروابط إلى الصفحات التي لم تتم زيارتها ، ومحدد: الزيارة إلى روابط النمط للصفحات التي تمت زيارتها ، والمحدد النشط: لتحديد نمط الارتباط النشط.

هنا ، كيف تقوم بتمرير صورة في CSS؟

الإجابة: استخدم خاصية CSS background-image

1. تغيير الصورة عند التمرير في CSS
2. .بطاقة {
3. العرض: 130 بكسل ؛
4. الارتفاع: 195 بكسل ؛
5. الخلفية: url ("images / card-back.jpg") بدون تكرار ؛
6. عرض: مضمنة كتلة ؛
7. }

كيف يمكنني التخلص من التحويم؟

لتعطيل تأثير التمرير ، لدي اقتراحان:

1. إذا تم تشغيل تأثير التمرير بواسطة JavaScript ، فما عليك سوى استخدام $. فك ("تحوم") ؛
2. إذا تم تشغيل نمط التمرير الخاص بك بواسطة الفصل ، فما عليك سوى استخدام $. removeClass ('hoverCssClass') ،