Divi Animation

La animación no es decoración: dirige la mirada, y por eso puede estorbar

Se piensa en las animaciones como en un adorno que se pone al final, cuando la página ya está montada y queda sosa. Con ese criterio, se anima todo un poco, y el resultado es una página donde nada destaca porque todo se mueve.

Lo que hace una animación en realidad es decirle al ojo dónde mirar. Un elemento que aparece cuando llegas a él se lleva la atención por delante de todo lo demás que hay alrededor. Eso es una herramienta poderosa y de un solo uso: si la gastas en el pie de página, no la tienes para el botón que te da de comer.

Por eso la regla que separa una página animada con criterio de una mareante es aburrida y sirve siempre: anima lo que quieres que se mire, y deja quieto todo lo demás.

Qué trae

• Animator: entradas, interacciones con el desplazamiento, efectos de ratón, elementos fijos y estados al pasar por encima.
• Text Flow: parte el texto en caracteres, palabras o líneas para revelarlo escalonado.
• Image Flow: transiciones de barrido y entradas con máscara para imágenes.
• SVG Draw: dibuja trazados de un SVG conforme bajas por la página.
• Tilt Effect: inclinación tridimensional al pasar el ratón, con profundidad y paralaje.
• Timeline: secuencias por fotogramas clave con curvas de aceleración.
• Triggers y Live Preview: disparo por carga, desplazamiento, clic, hover o continuo, y edición viendo el resultado sin publicar.
• Extras: importación de animaciones Lottie, trayectorias propias y un generador asistido.

Necesita Divi 5, y eso hay que comprobarlo antes

Está construido específicamente para Divi 5 e integrado en ese constructor. No es un plugin de animaciones genérico que valga para cualquier tema.

Divi 5 es una reescritura mayor del producto, así que la pregunta previa no es si te gusta este plugin, sino en qué versión de Divi está tu sitio. Si vienes de la anterior, actualizar un sitio grande es un proyecto en sí mismo y conviene hacerlo con calma y con copia, no para poder instalar unas animaciones.

Si ya estás en Divi 5, el encaje es directo y todo ocurre dentro del constructor que ya usas.

Lo que ahorra de verdad es tiempo de escribir código

Nada de lo que hace este plugin es imposible a mano. Todo se puede montar con CSS y una biblioteca de animación, y quien sepa hacerlo lo hará mejor y más ligero.

Lo que cambia es cuánto tarda. Una secuencia de revelado por palabras con retardo escalonado y curva de aceleración es media hora de código y pruebas, o dos minutos de controles visuales. Multiplicado por las veces que aparece en un sitio, la diferencia es de días.

Un apunte de rendimiento: el plugin declara escalar el efecto según el dispositivo, más completo en escritorio y más contenido en móvil, y usa transformaciones aceleradas por la tarjeta gráfica. Aun así, la animación tiene un coste, y en móvil el coste se nota antes. Merece la pena mirar cómo va tu página en un teléfono real, no en el simulador del navegador.

Requisitos y lo que no hace

Necesita Divi 5. Fuera de ahí no funciona: no sirve para Elementor, ni para Bricks, ni para el editor de bloques.

No es un tema ni un constructor: añade la capa de movimiento a lo que ya montas con Divi.

Y no arregla una página que no funciona. Si la sección no convence quieta, animarla no la mejora, solo hace que se note más. Las animaciones se aplican al final por una razón: son lo último, no el primer recurso.

Alternativas en el catálogo

La base que necesita está en el catálogo: Divi. Y si trabajas con ese constructor, Divi Pixel es el complemento que más añade en el terreno visual, mientras que su filtro resuelve la parte de listados.

Si estás decidiendo constructor y no complemento, Elementor Pro trae sus propios efectos de movimiento y Bricks deja más control del marcado a quien quiera hacerlo a mano.

Preguntas frecuentes

¿Funciona con Divi 4?
No. Está construido específicamente para Divi 5 e integrado en ese constructor.

¿Sirve con Elementor o con el editor de bloques?
No. Es exclusivo de Divi.

¿Hace falta saber programar?
No. Todo se configura con controles visuales y se ve el resultado sin publicar.

¿Ralentiza la web?
La animación siempre tiene coste. Escala según el dispositivo, pero conviene probar en un móvil real.

¿Admite animaciones Lottie?
Sí, se pueden importar desde archivo JSON.

¿Cuánto conviene animar?
Lo que quieras que se mire. Si se mueve todo, no destaca nada.