Cómo desactivar o cambiar las transiciones por defecto del carrusel de Divi

Una de las cosas más molestas con diferencia de Divi es la animación o transición que añade por defecto a los elementos de las diapositivas de los carruseles, o como se les llama en su infame traducción: controles deslizantes.

Me refiero a ese efecto de aparición de imágenes y textos del carrusel, que no hay ajuste alguno para quitarlos, están ahí, quieras o no.

Pero curiosamente, es un efecto que no solo se puede desactivar, sino que incluso puedes cambiarlo por otros ¿sorprendido?

Lo único que tienes que hacer es añadir un poco de CSS para modificar el comportamiento por defecto de los elementos de las diapositivas.

Para conseguirlo activa el constructor visual de Divi y ve a la sección de Avanzado → CSS personalizado → Descripción de la diapositiva y añade UNO de los siguientes códigos:

animation-name:fadeIn;
animation-name:fadeTop;
animation-name:fadeLeft;
animation-name:fadeRight;
animation-name:fadeBottom;
animation-name:fadeInTop;
animation-name:fadeInLeft;
animation-name:fadeInRight;
animation-name:fadeInBottom;
animation-name:flipInX;
animation-name:flipInY;
animation-name:none;

Cada uno de ellos cambia la animación por defecto por otra diferente, y el último la desactiva totalmente.

Aquí los tienes en acción en el siguiente vídeo…

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!