Pregunta sobre Animate It! de Wordpress:

deshabilitado en dispositivos móviles con clase CSS

Un usuario preguntó 👇

Hola amigos.

He activado una animación en un teléfono celular, pero hay una o dos que no se ven bien en mi teléfono. ¿Es posible agregar una clase CSS a estos elementos para deshabilitarlos en un teléfono móvil, pero dejar que los demás se ejecuten?

Gracias

(@eleopardo)

Hace 1 año, 7 meses

Aaron y chara,

¡Gracias por usar Animate It!

Intente lo siguiente:

1. En el fin de semana de WordPress, vaya a Configuración> ¡Anímelo! > Cuadro personalizado CSS

2. Pegue lo siguiente y guarde:

@media only screen and (max-width: 767px) {
	.pause-animation-mobile {
		animation: none !important;
	}
}

3. Ahora agregue la clase pausa-animación-móvil en los elementos que desea pausar en dispositivos móviles.

Esto haría que las animaciones en todas las pantallas se detuvieran por debajo de 768px (tamaño de tableta) donde se aplica la clase anterior.

Hazme saber si esto funciona para ti.

Lanzador de hilos

(@ aaronbennett2097)

Hace 1 año, 7 meses

Hola eleopard, gracias por la rápida respuesta.

Agregué opacidad: 1! Importante después de la animación: ninguno de ellos deja de parpadear mientras me desplazo hacia abajo, y ese es el truco.

¡Gracias de nuevo!

Esta respuesta fue modificada hace 1 año, 7 meses.

(@eleopardo)

Hace 1 año, 7 meses

¡Me alegra saber que funcionó! No dude en hacerme saber si tiene más preguntas.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.