Tabla de contenido:

¿Qué son los efectos de desplazamiento?
¿Qué son los efectos de desplazamiento?

Video: ¿Qué son los efectos de desplazamiento?

Video: ¿Qué son los efectos de desplazamiento?
Video: Efecto desplazamiento | Khan Academy en Español 2024, Noviembre
Anonim

Efecto de desplazamiento : Animación pop y de fondo. Efecto hover para un producto. Una imagen aparece hacia arriba y hacia abajo, y luego el fondo se desliza hacia afuera y se anima.

También sepa, ¿cómo hace que aparezca el texto cuando la imagen está flotando?

Cómo mostrar un texto animado sobre una imagen al pasar el mouse usando solo CSS3

  1. Crear HTML¶ Agrega tu imagen usando

    etiqueta y el texto. En primer lugar, debe agregar su imagen usando el

    etiqueta.

  2. Crear CSS¶ Conjunto: selector de desplazamiento. El efecto de hover se establece usando: hover pseudo-class que selecciona y diseña el elemento.

También se puede preguntar, ¿cómo se usa el hover? El selector: hover se usa para seleccionar elementos cuando pasa el mouse sobre ellos.

  1. Sugerencia: El selector: hover se puede usar en todos los elementos, no solo en los enlaces.
  2. Sugerencia: Utilice el selector de enlaces: para aplicar estilos a los enlaces a páginas no visitadas, el selector: visitados para aplicar estilos a los enlaces a las páginas visitadas y el selector: active para aplicar estilos al enlace activo.

Por lo tanto, ¿cómo se coloca el cursor sobre una imagen en CSS?

Respuesta: use la propiedad CSS background-image

  1. Cambiar imagen al pasar el mouse en CSS
  2. .tarjeta {
  3. ancho: 130px;
  4. altura: 195px;
  5. background: url ("images / card-back.jpg") sin repetición;
  6. pantalla: bloque en línea;
  7. }

¿Cómo me deshago del hover?

Para desactivar el efecto de desplazamiento, tengo dos sugerencias:

  1. si su efecto de desplazamiento es activado por JavaScript, simplemente use $. desvincular ('flotar');
  2. si su estilo de desplazamiento es activado por la clase, simplemente use $. removeClass ('hoverCssClass');

Recomendado: