Taula de continguts:

Què són els efectes de flotació?
Què són els efectes de flotació?

Vídeo: Què són els efectes de flotació?

Vídeo: Què són els efectes de flotació?
Vídeo: ¿Qué es un huracán? Huracanes, Tifones y Ciclones | Videos Educativos para niños. 2024, De novembre
Anonim

Efecte Hover : pop i animació de fons. Efecte Hover per un producte. Una imatge apareix amunt i avall, i després el fons es llisca i s'anima.

També saps, com fas que aparegui el text quan la imatge està flotant?

Com mostrar un text animat sobre una imatge al passar el cursor utilitzant només CSS3

  1. Crea HTML¶ Afegeix la teva imatge utilitzant

    etiqueta i el text. En primer lloc, hauríeu d'afegir la vostra imatge utilitzant el

    etiqueta.

  2. Crear CSS¶ Set:hover selector. L'efecte del cursor s'estableix mitjançant la pseudo-classe:hover que selecciona i estilitza l'element.

També es pot preguntar, com s'utilitza el cursor? El selector:hover s'utilitza per seleccionar elements quan passeu el ratolí sobre ells.

  1. Consell: el selector:hover es pot utilitzar en tots els elements, no només en els enllaços.
  2. Consell: utilitzeu el selector:link per estilitzar els enllaços a pàgines no visitades, el selector:visited per estilitzar els enllaços a les pàgines visitades i el selector:active per estilitzar l'enllaç actiu.

D'aquí, com es mou una imatge en CSS?

Resposta: Utilitzeu la propietat CSS background-image

  1. Canvia la imatge al passar el cursor en CSS
  2. .card {
  3. amplada: 130 píxels;
  4. alçada: 195px;
  5. fons: url("imatges/card-back.jpg") sense repetició;
  6. pantalla: bloc en línia;
  7. }

Com puc desfer-me del flotador?

Per desactivar l'efecte del cursor, tinc dos suggeriments:

  1. si JavaScript activa el vostre efecte de gir, només cal que utilitzeu $. unbind('hover');
  2. si la classe activa el vostre estil, només cal que utilitzeu $. removeClass('hoverCssClass');

Recomanat: