Editor X: agregar animaciones a tu sitio
3 min de lectura
El Editor X está en proceso de transición hacia Wix Studio, nuestra nueva plataforma para agencias y freelancers.Más información sobre Wix Studio
Haz que tu sitio se destaque entre la multitud. Agrega una animación a cualquier elemento, grupo o pila, para crear efectos sorprendentes y llamativos.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2020/01/22/24829557-12b0-447b-97fb-1bc2f3fc97f1/93220b5f-360a-40d9-b16d-ed6f389a8cb8.gif)
Aprende más sobre lo siguiente:
Nota:
Solo puedes establecer una animación por elemento, grupo o pila en todos los breakpoints.
Agregar una animación
Cada elemento, grupo o pila de tu sitio puede tener una animación única. Hay varias animaciones para elegir, y puedes personalizar cada una como desees.
Para agregar una animación:
- Haz clic en el elemento, grupo o pila correspondiente.
- Haz clic en el icono Animado
.
- Selecciona una animación.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/08/01/12f9e735-ea38-457b-bda1-68f736e058f6/becf1b93-04eb-4e06-bb64-1603ad9a8d53.png)
Personalizar una animación
Configura las animaciones para que se comporten como desees. Personaliza las opciones de animación, incluida la dirección, la duración y más.
Para personalizar una animación:
- Haz clic en el elemento, grupo o pila correspondiente.
- Haz clic en el icono Animado
.
- Haz clic en Personalizar para cambiar las opciones de animación:
- Fuerza: selecciona la fuerza de la animación.
- Duración: cambia la duración de la animación.
- Retraso: establece la cantidad de tiempo entre la carga de la página y el inicio de la animación.
- Solo animar la primera vez: haz clic en la palanca para configurar la animación para que se reproduzca cuando el visitante del sitio ingrese a esa página por primera vez. La animación no se vuelve a mostrar si el visitante del sitio vuelve a entrar en la página.
Nota:
Las opciones de personalización disponibles dependen de la animación que elijas.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/08/01/9ab7cd22-ac75-4f78-ba33-a6c54d444995/4866b9c1-1f47-42a6-adc9-c70e9d554817.png)
Eliminar una animación
Elimina fácilmente una animación de un elemento o una sección de la página con un solo clic.
Para eliminar una animación:
- Haz clic en el elemento, grupo o pila correspondiente.
- Haz clic en el icono Animado
.
- Haz clic en Ninguno.
¿Te ha sido útil?
|