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.
Puede seleccionar diferentes estilos de animación para diferentes elementos de su sitio web.
En este artículo hablaremos de:
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.
- En el campo Panel de Control (1) del estudio, haga clic en el Diseño (2) sección.
- Haga clic en el elemento Animación Opción (3).
Aquí verá todas las configuraciones disponibles para administrar y personalizar las animaciones de los elementos de su sitio web.
- Por defecto, Deslizar hacia arriba la animación se aplicará en todo el sitio web.
- Seleccionar Ninguna si desea deshabilitar las animaciones.
Diferentes elementos del sitio web
Pixpa te permite aplicar animaciones a los siguientes elementos de tu sitio web:
- Imágenes: Añade movimiento a tus imágenes para captar la atención de los visitantes.
- Título H1: Utilice animaciones para resaltar los títulos principales.
- Encabezados H2: Anime subtítulos o títulos más pequeños para mejorar el flujo de su contenido.
- Texto: Da vida a tu contenido animando párrafos y descripciones.
- Botones: Resalte sus botones de llamada a la acción con efectos llamativos.
Asegúrate de golpear el Publicar (6) Botón para guardar todos los cambios y hacerlos activos en el sitio web.
Estilos de animación
- Fundirse - Revela elementos gradualmente aumentando su opacidad de transparente a opaco.
- Deslizar hacia arriba - Movimiento suave de elementos en la pantalla desde una posición más baja a una posición más alta.
- Aumentar proporcionalmente - Aumenta gradualmente el tamaño o la escala de un elemento.
- Reducir la escala – Disminuye gradualmente el tamaño o la escala de un elemento.
- Revelar - Desvelando o revelando gradualmente los elementos en la pantalla.
Seleccionar Ninguna para deshabilitar la animación de ese elemento en particular.
Animación de 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.
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:
