Documentación de SeedProd

Documentación, materiales de referencia y tutoriales para SeedProd

Efectos de animación

La función «Efectos de animación» te permite añadir animaciones de entrada a cualquier bloque, sección, fila o columna de tu página. Cuando un elemento con una animación entra en el campo de visión del visitante, se reproduce la animación seleccionada, lo que aporta movimiento y atractivo visual a tu diseño.

Opciones de animación de entrada disponibles en SeedProd Animation Effects

Cómo añadir una animación

  1. Haz clic en el bloque, la sección, la fila o la columna que quieras animar para abrir su panel de configuración.
  2. Haz clic en la pestaña «Avanzadas ».
  3. Despliega la sección «Efectos de animación ».
  4. Selecciona una animación de entrada en el menú desplegable.
  5. Haz clic en «Guardar» para aplicar los cambios.

Animaciones disponibles

SeedProd incluye 46 animaciones de entrada organizadas en los siguientes grupos:

Buscadores de atención

Rebote, Destello, Pulso, Goma elástica, Sacudida X, Sacudida Y, Sacudida de cabeza, Balanceo, Tada, Oscilación, Gelatina, Latido, Rebote hacia dentro, Voltereta, Voltereta hacia dentro X, Voltereta hacia dentro Y, Velocidad de la luz hacia la izquierda, Velocidad de la luz hacia la derecha

De vuelta en

Atrás hacia abajo, atrás hacia la izquierda, atrás hacia la derecha, atrás hacia arriba

Fundido de entrada

Entrada gradual, Entrada gradual hacia abajo, Entrada gradual hacia la izquierda, Entrada gradual hacia la derecha, Entrada gradual hacia arriba, Entrada gradual hacia abajo (grande), Entrada gradual hacia la izquierda (grande), Entrada gradual hacia la derecha (grande), Entrada gradual hacia arriba (grande), Entrada gradual en la parte superior izquierda, Entrada gradual en la parte superior derecha, Entrada gradual en la parte inferior izquierda, Entrada gradual en la parte inferior derecha

Acercar

Acercar, Acercar hacia abajo, Acercar hacia la izquierda, Acercar hacia la derecha, Acercar hacia arriba

Giratorio

Girar hacia dentro, girar hacia dentro, girar hacia dentro y hacia abajo a la izquierda, girar hacia dentro y hacia abajo a la derecha, girar hacia dentro y hacia arriba a la izquierda, girar hacia dentro y hacia arriba a la derecha


Las animaciones se pueden aplicar a cualquier elemento de la página de forma independiente: combina diferentes tipos de animaciones en las distintas secciones y bloques para crear un efecto dinámico y con profundidad a medida que los visitantes se desplazan por la página.

Artículos relacionados