Kazalo:

Kako narediti učinek lebdenja v bootstrapu?
Kako narediti učinek lebdenja v bootstrapu?

Video: Kako narediti učinek lebdenja v bootstrapu?

Video: Kako narediti učinek lebdenja v bootstrapu?
Video: 🚀 RUTUBE и ТОЧКА. Разработка РУТУБА за 5 часов *БЕЗ ВОДЫ* [Next / React / Nest / PostgreSQL / Redux] 2024, Maj
Anonim

Navodila

  1. Korak 1: Ustvariti ovoj, ki vsebuje razred. pogled.
  2. 2. korak: dodajte razred za učinek ti hočeš do uporabite (na primer. prekrivanje ali.
  3. 3. korak: Nastavite pot do slika.
  4. 4. korak: dodajte razred.
  5. 5. korak: Če želite do dodajte nekaj besedila, vi lahko uporabite razred.

Poleg tega, kaj je lebdeči učinek?

Učinek lebdenja je preprosto sprememba (barve, velikosti, oblike, slike itd.) nekega elementa, medtem ko nanj postavite puščico miške. Običajno se to doseže s kodiranjem CSS. The učinek lebdenja sploh ni čuden in se lahko uporablja praktično za kateri koli element CSS.

Lahko se tudi vprašate, kako premikate CSS?: lebdi izbirnik je psevdorazred, ki vam omogoča ciljanje na element, za katerega je kazalec ali kazalec miške lebdenje konec. Težko je uporabiti: lebdi izbirnik na napravah na dotik. Od IE4 se začne: lebdi izbirnik se lahko uporablja samo z oznakami. Od IE7: lebdi selektor lahko uporabljati z vsemi elementi.

Vprašanje je tudi, kako naj besedilo lebdi na sliki?

Kako prikazati animirano besedilo nad sliko pri lebdenju s samo CSS3

  1. Ustvarite HTML¶ Dodajte svojo sliko z

    oznako in besedilo. Najprej morate dodati svojo sliko s pomočjo

    oznaka.

  2. Ustvari CSS¶ Nastavi:hover izbirnik. Učinek lebdenja se nastavi s psevdorazredom:hover, ki izbere in oblikuje element.

Kako se znebim lebdenja?

Če želite onemogočiti učinek lebdenja, imam dva predloga:

  1. če vaš učinek lebdenja sproži JavaScript, samo uporabite $. unbind('hover');
  2. če vaš slog lebdenja sproži razred, potem preprosto uporabite $. removeClass('hoverCssClass');

Priporočena: