Hover effektləri nədir?

2024 Müəllif: Lynn Donovan | [email protected]. Son dəyişdirildi: 2023-12-15 23:43

Hover Effekti : Pop və Fon Animasiyası. Hover effekti bir məhsul üçün. Şəkil yuxarı və aşağı açılır, sonra fon sürüşür və canlanır.

Həm də bilirsiniz ki, şəkil hərəkət edərkən mətni necə göstərə bilərsiniz?

Yalnız CSS3-dən istifadə edərək Hover üzərində bir şəkil üzərində cizgi mətnini necə göstərmək olar

1. HTML yaradın¶ istifadə edərək şəklinizi əlavə edin

   etiket və mətn. Əvvəlcə şəklinizi istifadə edərək əlavə etməlisiniz

   etiket.

2. CSS yaradın¶ Set: hover seçici. Hover effekti elementi seçən və üslublandıran:hover psevdo-sinifindən istifadə etməklə təyin edilir.

Biri də soruşa bilər ki, hoverdən necə istifadə edirsiniz? :hover seçicisi, siçan onların üzərindən keçərkən elementləri seçmək üçün istifadə olunur.

1. İpucu::hover seçicisi yalnız keçidlərdə deyil, bütün elementlərdə istifadə edilə bilər.
2. İpucu: Ziyarət edilməmiş səhifələrə keçidləri üslub etmək üçün:link seçicisindən, ziyarət edilmiş səhifələrə keçidləri üslub etmək üçün:visited selektorundan və aktiv keçidi üslub etmək üçün:aktiv seçicidən istifadə edin.

Budur, CSS-də bir şəkli necə gəzdirirsiniz?

Cavab: CSS fon təsviri xüsusiyyətindən istifadə edin

1. CSS-də Hover üzərində şəkli dəyişdirin
2. .kart {
3. eni: 130px;
4. hündürlük: 195px;
5. fon: url("şəkillər/kart-geri.jpg") təkrar olunmur;
6. ekran: inline-blok;
7. }

Hoverdən necə qurtula bilərəm?

Hover effektini söndürmək üçün iki təklifim var:

1. Əgər hover effektiniz JavaScript tərəfindən işə salınıbsa, sadəcə $ istifadə edin. bağlamaq ('hover');
2. Əgər hover stiliniz sinif tərəfindən tetiklenirse, sadəcə $ istifadə edin. RemoveClass('hoverCssClass');