Puedes agregar animaciones a los elementos dentro del bloque de Diseño Libre para hacer que tu página sea más dinámica e interactiva.

Estas animaciones pueden activarse al hacer scroll, al mover el cursor o aplicarse de manera continua para captar la atención del usuario.

Animaciones al hacer scroll:

Este tipo de animaciones permiten que los elementos cambien su posición, tamaño o apariencia a medida que el usuario desplaza la página. Para configurarlas, sigue estos pasos:

1. Accede a la pestaña "Estilo" del ítem que deseas animar.
2. Busca la opción "Efecto al hacer scroll" y selecciona la animación que prefieras:

• Dejar en posición fija dentro del bloque.
• Aplicar un efecto de parallax vertical.
• Hacer que el elemento aumente o disminuya de tamaño al desplazarse.

     3. Guarda los cambios y prueba el resultado desplazándote por la página.

Animaciones al mover el ratón:

Estas animaciones reaccionan al movimiento del cursor, generando efectos visuales que aportan dinamismo. Para configurarlas:

1. Dirígete a la pestaña "Estilo" del ítem seleccionado.
2. Encuentra la opción "Efecto al mover el ratón" y escoge el efecto deseado:

• Desplazar suavemente en dirección contraria al ratón.
• Desplazar suavemente en dirección al ratón.

     3. Guarda los cambios y prueba la interacción moviendo el cursor sobre el elemento.

Recomendaciones

• No uses demasiadas animaciones en una misma página para evitar distracciones o afectar el rendimiento.
• Asegúrate de probar las animaciones en dispositivos móviles para verificar su correcto funcionamiento.
• Utiliza las animaciones para resaltar elementos clave sin sobrecargar el diseño.

Con estas opciones, podrás hacer que los elementos de tu diseño cobren vida, creando una experiencia de navegación atractiva y envolvente.