Divi Animation

¿Qué es Divi Animation?

Divi Animation es un plugin que amplía las capacidades de animación dentro del constructor Divi 5. Permite crear animaciones avanzadas en módulos, efectos de texto, revelado de imágenes, animaciones de dibujo SVG, efectos 3D en hover y interacciones con scroll, todo con controles visuales integrados directamente en el editor — sin necesidad de escribir código.

El sistema de animación completo

El plugin organiza sus funcionalidades en siete extensiones especializadas, cada una enfocada en un tipo de efecto diferente. Cada extensión actúa como una superficie de control visual: expandes la tarjeta correspondiente y ves instantáneamente una vista previa del comportamiento que genera.

• Animator: controlador central para animaciones de entrada, scroll interactions, efectos de mouse, sticky animation, hover effects e interacciones personalizadas. Incluye control de duración, delay y easing.
• Text Flow: anima el texto con revelado progresivo, dividiendo el contenido en partes que se animan de forma independiente.
• Image Flow: crea efectos de revelado de imágenes con transiciones tipo wipe y máscaras dinámicas.
• SVG Draw: anima las trazas de archivos SVG activadas por scroll, perfectas para iconos y gráficos vectoriales.
• Tilt Effect: aplica un efecto 3D interactivo en hover con respuesta de profundidad y parallax.
• Timeline: permite crear líneas de tiempo personalizadas para coordinar múltiples animaciones en secuencia.

Interfaz integrada en el builder de Divi 5

El editor de animaciones existe dentro del constructor de Divi, no en una ventana separada. Presenta una distribución visual de dos paneles: a la izquierda, el editor completo de animación; a la derecha, tarjetas de funciones auto-demostrables que previewizan el efecto en tiempo real. Cada control que ajustas (trigger, delay, easing, repetición) se refleja instantáneamente en la vista previa interactiva.

Tipos de animación soportados

El toolkit cubre el rango completo de casos de uso:

• Animaciones de entrada para módulos Divi
• Interacciones activadas por scroll
• Efectos de mouse hover y movement
• Sticky animations (elementos que se comportan diferente al hacer scroll)
• Efectos personalizados mediante triggers definidos por el usuario

Para cada animación, controlas duración, retraso, función de easing y comportamiento de repetición — todo desde controles deslizantes y dropdowns en el editor visual.

Para quién es Divi Animation

Diseñadores y desarrolladores que trabajan con Divi 5 y quieren enriquecer la experiencia del usuario sin escribir JavaScript. Es especialmente útil para agencias que crean sitios corporativos, portfolios interactivos, landing pages con scroll storytelling, y productos digitales donde el movimiento mejora la narrativa visual.

Preguntas frecuentes