Cilat janë efektet hover?

2024 Autor: Lynn Donovan | [email protected]. E modifikuara e fundit: 2023-12-15 23:53

Efekti Hover : Pop dhe Animate në sfond. Efekti hover për një produkt. Një imazh shfaqet lart e poshtë dhe më pas sfondi rrëshqet jashtë dhe animohet.

Gjithashtu e dini, si e bëni tekstin të shfaqet kur fotografia qëndron pezull?

Si të shfaqni një tekst të animuar mbi një imazh në Hover duke përdorur vetëm CSS3

1. Krijoni HTML¶ Shtoni imazhin tuaj duke përdorur

   etiketën dhe tekstin. Së pari, duhet të shtoni imazhin tuaj duke përdorur

   etiketë.

2. Krijo CSS¶ Set:hover selektor. Efekti i hover vendoset duke përdorur:hover pseudo-class që zgjedh dhe stilon elementin.

Dikush mund të pyesë gjithashtu, si e përdorni hover? Përzgjedhësi:hover përdoret për të zgjedhur elementë kur kaloni mausin mbi to.

1. Këshillë: Përzgjedhësi:hover mund të përdoret në të gjithë elementët, jo vetëm në lidhje.
2. Këshillë: Përdorni përzgjedhësin:link për të stiluar lidhjet në faqet e pavizituara, përzgjedhësin:vizituar për të stiluar lidhjet për faqet e vizituara dhe përzgjedhësin:active për të stiluar lidhjen aktive.

Si rrjedhim, si e vendosni një imazh në CSS?

Përgjigje: Përdorni veçorinë CSS background-image

1. Ndrysho imazhin në Hover në CSS
2. .kartë {
3. gjerësia: 130 px;
4. lartësia: 195 px;
5. sfond: url ("imazhe/card-back.jpg") pa përsëritje;
6. ekrani: inline-block;
7. }

Si mund të shpëtoj nga pezullimi?

Për të çaktivizuar efektin hover, kam dy sugjerime:

1. nëse efekti juaj i pezullimit aktivizohet nga JavaScript, thjesht përdorni $. unbind ('Hover');
2. nëse stili juaj i fluturimit aktivizohet nga klasa, atëherë thjesht përdorni $. removeClass ('hoverCssClass');