Animación de sitios web

Las animaciones del sitio web se pueden usar para agregar efectos visuales mientras se carga la página, como aparecer, desaparecer, reducir y otros. Esto agregará un estilo a su sitio web cuando el usuario se desplace por las páginas.

En este artículo hablaremos de:

  1. Editar animación del sitio web
  2. Estilo
  3. Velocidad

Editar animación del sitio web

Las animaciones pueden hacer que un sitio web sea visualmente interesante y dar vida a todos los elementos que están presentes en el sitio web. Crean una experiencia más atractiva e inmersiva para los usuarios.

Navegue a Animación desde el Diseño sección (1) Animación pestaña (2). Se aplicará en todo el sitio y afectará a todos los elementos de todo el sitio web.

Propina

  • De forma predeterminada, Deslizar hacia arriba la animación se aplicará en todo el sitio web.
  • Seleccione Ninguna si desea deshabilitar las animaciones.


Estilo

  1. Fundirse -  Revela elementos gradualmente aumentando su opacidad de transparente a opaco.
  2. Deslizar hacia arriba - Movimiento suave de elementos en la pantalla desde una posición más baja a una posición más alta.
  3. Aumentar proporcionalmente - Aumenta gradualmente el tamaño o la escala de un elemento.
  4. Reducir la escala – Disminuye gradualmente el tamaño o la escala de un elemento.
  5. Revelar - Desvelando o revelando gradualmente los elementos en la pantalla.


Velocidad

La velocidad a la que una animación pasa de un estado a otro. Determina qué tan rápido o lento ocurren los cambios animados en la pantalla.

Hay tres opciones para elegir: Lento, medio y Rápido.

Note

Si está utilizando una plantilla antigua, es posible que no vea la opción Animación. Debe cambiar el sitio web a una nueva plantilla. Para saber más


Echa un vistazo a la animación Slide Up en vivo en acción:


¿No encuentras lo que buscas?

Póngase en contacto con un Experto Pixpa.