Kaj so učinki lebdenja?

2024 Avtor: Lynn Donovan | [email protected]. Nazadnje spremenjeno: 2023-12-15 23:53

Učinek lebdenja : Pop in Animacija v ozadju. Učinek lebdenja za izdelek. Slika se pojavi gor in dol, nato pa ozadje zdrsne ven in animira.

Vedite tudi, kako naredite, da se besedilo prikaže, ko slika lebdi?

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.

Lahko se tudi vprašate, kako uporabljate lebdenje? Izbirnik:hover se uporablja za izbiro elementov, ko miško postavite nanje.

1. Namig: Izbirnik:hover se lahko uporablja za vse elemente, ne samo za povezave.
2. Nasvet: Izbirnik:link uporabite za oblikovanje povezav do neobiskanih strani, izbirnik:visited za oblikovanje povezav do obiskanih strani in izbirnik:active za oblikovanje aktivne povezave.

Od tega, kako premaknete sliko v CSS?

Odgovor: Uporabite lastnost slike ozadja CSS

1. Spremenite sliko pri lebdenju v CSS
2. .kartica {
3. širina: 130px;
4. višina: 195px;
5. ozadje: url("images/card-back.jpg") brez ponovitve;
6. zaslon: inline-block;
7. }

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