INHOUDSOPGAWE:

Hoe kan hover-effek in bootstrap maak?
Hoe kan hover-effek in bootstrap maak?

Video: Hoe kan hover-effek in bootstrap maak?

Video: Hoe kan hover-effek in bootstrap maak?
Video: How To Make Website Button On Hover Using HTML CSS no JavaScript - code smashers #button #css #short 2024, Mei
Anonim

Instruksies

  1. Stap 1: Skep 'n omhulsel wat die klas bevat. beskou.
  2. Stap 2: Voeg 'n klas by vir die effek jy wil aan gebruik (byvoorbeeld. oorleg of.
  3. Stap 3: Stel 'n pad aan Die prent.
  4. Stap 4: Voeg die klas by.
  5. Stap 5: As jy wil aan voeg bietjie teks by, jy kan gebruik die klas.

Boonop, wat is 'n sweef-effek?

Hover effek is bloot 'n verandering (van kleur, grootte, vorm, beeld ens.) van een of ander element terwyl jy 'n muispyltjie daaroor plaas. Dit word gewoonlik bereik met CSS-kodering. Die sweef effek is glad nie cranky nie en kan prakties vir enige CSS-element gebruik word.

Mens kan ook vra, hoe beweeg jy CSS? Die: sweef selector is 'n pseudo-klas wat jou toelaat om 'n element te teiken wat die wyser of muiswyser is sweef oor. Dit is moeilik om die volgende toe te pas: sweef kieser op raaktoestelle. Begin in IE4, die: sweef kieser kon slegs met etikette gebruik word. Sedert IE7, die: sweef keurder kan met alle elemente gebruik word.

Ook gevra, hoe laat ek teks op 'n prent sweef?

Hoe om 'n geanimeerde teks oor 'n prent op 'n muis te wys met slegs CSS3

  1. Skep HTML¶ Voeg jou prent by deur

    merker en die teks. Eerstens moet jy jou prent byvoeg deur die

    merker.

  2. Skep CSS¶ Stel: hover selector. Die effek van hover word gestel deur gebruik te maak van:hover pseudo-klas wat die element selekteer en stileer.

Hoe raak ek ontslae van sweef?

Om die sweef-effek te deaktiveer, het ek twee voorstelle:

  1. as jou sweef-effek deur JavaScript geaktiveer word, gebruik net $. unbind('sweef');
  2. as jou sweefstyl deur klas geaktiveer word, gebruik dan net $. removeClass('hoverCssClass');

Aanbeveel: