מהן השפעות ריחוף?

2024 מְחַבֵּר: Lynn Donovan | [email protected]. שונה לאחרונה: 2023-12-15 23:47

אפקט ריחוף : הנפשת פופ ורקע. אפקט ריחוף עבור מוצר. תמונה קופצת למעלה ולמטה, ואז הרקע מחליק החוצה ומונפש.

יודע גם, איך גורמים לטקסט להופיע כאשר התמונה מרחפת?

כיצד להציג טקסט מונפש מעל תמונה ברחף באמצעות CSS3 בלבד

1. צור HTML¶ הוסף את התמונה שלך באמצעות

   תג והטקסט. ראשית, עליך להוסיף את התמונה שלך באמצעות ה

   תָג.

2. צור CSS¶ הגדר את בורר הרחף. האפקט של הרחף נקבע באמצעות:hover pseudo-class שבוחר ומעצב את האלמנט.

אפשר גם לשאול איך משתמשים בריחוף? הבורר:hover משמש לבחירת אלמנטים כאשר אתה מעביר את העכבר מעליהם.

1. טיפ: ניתן להשתמש בבורר:hover בכל האלמנטים, לא רק בקישורים.
2. טיפ: השתמש בבורר:link לסגנון קישורים לדפים שלא ביקרו, בבורר:visited לסגנון קישורים לדפים שביקרו בהם, ובבורר:active לסגנון הקישור הפעיל.

מכאן, איך מרחפים תמונה ב-CSS?

תשובה: השתמש במאפיין CSS background-image

1. שנה תמונה ברחף ב-CSS
2. .card {
3. רוחב: 130 פיקסלים;
4. גובה: 195 פיקסלים;
5. background: url("images/card-back.jpg") no-repeat;
6. תצוגה: בלוק מוטבע;
7. }

איך אני נפטר מרחף?

כדי להשבית את אפקט הריחוף, יש לי שתי הצעות:

1. אם אפקט הריחוף שלך מופעל על ידי JavaScript, פשוט השתמש ב-$. unbind('רחף');
2. אם סגנון הריחוף שלך מופעל על ידי מחלקה, פשוט השתמש ב-$. removeClass('hoverCssClass');