Mündəricat:

Bootstrap-da hover effektini necə etmək olar?
Bootstrap-da hover effektini necə etmək olar?

Video: Bootstrap-da hover effektini necə etmək olar?

Video: Bootstrap-da hover effektini necə etmək olar?
Video: HTML va CSS yordamida "Hover Effect" yasashni o'rganamiz. Bobur Mavlonov 2024, Noyabr
Anonim

Təlimatlar

  1. Addım 1: Yaratmaq sinfi ehtiva edən sarğı. görünüşü.
  2. Addım 2: üçün sinif əlavə edin təsiri Sən istəyirsən üçün istifadə edin (məsələn. üst-üstə düşmə və ya.
  3. Addım 3: Bir yol təyin edin üçün Şəkil.
  4. Addım 4: Sinfi əlavə edin.
  5. Addım 5: İstəsəniz üçün bir az mətn əlavə et, sən bacarmaq sinifdən istifadə edin.

Bundan əlavə, hover effekti nədir?

Hover effekti sadəcə olaraq hansısa elementin üzərinə siçan oxu qoyarkən onun dəyişməsidir (rəng, ölçü, forma, şəkil və s.). Ümumiyyətlə CSS kodlaşdırması ilə əldə edilir. The hover effekti heç də xırda deyil və praktiki olaraq istənilən CSS elementi üçün istifadə edilə bilər.

Biri də soruşa bilər ki, CSS-i necə fırladın? The: hover selektor kursor və ya siçan göstəricisinin olduğu elementi hədəf almağa imkan verən psevdo-sinifdir. süzülərək bitdi. Tətbiq etmək çətindir: hover toxunma cihazlarında selektor. IE4-dən başlayaraq: hover seçici yalnız etiketlərlə istifadə edilə bilər. IE7-dən bəri: hover seçici bacarmaq bütün elementlərlə istifadə oluna bilər.

Həmçinin soruşulur ki, mətnin şəklin üzərinə sürüşməsini necə edə bilərəm?

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.

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');

Tövsiyə: