Editor de Wix: agregar efectos del cursor
3 min de lectura
En este artículo
- Agregar un efecto del cursor a un elemento
- Personalizar un efecto del cursor
- Eliminar un efecto del cursor
Haz que tu diseño sea más atractivo con los cautivadores efectos del cursor. Agrega un efecto del cursor a un elemento que desees resaltar: el movimiento del cursor del visitante lo activa automáticamente.
Ofrecemos muchos efectos diferentes con los que puedes ajustar tu sitio, como los que ves a continuación.
![Ejemplos de diferentes efectos del cursor que puedes agregar a un elemento en el Editor de Wix](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/02/04/e82d136c-563d-4ab1-834a-54c036f493c4/30f1b516-5844-4656-ae31-fe8c704306cc.gif)
Nota:
Como estos efectos requieren el cursor del ratón, no se reproducirán en dispositivos con pantalla táctil (por ejemplo, móviles, tabletas, etc.)
Agregar un efecto del cursor a un elemento
Selecciona el elemento que deseas animar y elige uno de nuestros efectos del cursor.
Para agregar un efecto del cursor:
- Ve al editor.
- Selecciona el elemento correspondiente.
- Haz clic en el icono Animación y efectos
.
- Haz clic en Efectos del cursor.
- Selecciona un efecto de la colección.
- (Opcional) Haz clic en Personalizar para personalizar los ajustes, como la dirección, la distancia y la velocidad.
![El panel Agregar animación en el Editor de Wix, que muestra los efectos del cursor disponibles](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/14/95738acb-3ef4-404c-abbc-8dfba513cef3/145ce0fd-9347-44f4-864e-7285afe91acf.png)
Personalizar un efecto del cursor
Después de elegir un efecto del cursor, configúralo para que se comporte como quieras. Haz que el efecto sea más sutil o más pronunciado al determinar los ajustes, entre ellos, la distancia, la dirección, la velocidad y la aceleración.
Nota:
Las opciones de personalización disponibles dependen del efecto que elijas.
Para personalizar un efecto del cursor:
- Ve al editor.
- Selecciona el elemento correspondiente.
- Haz clic en el icono Animación y efectos
.
- Haz clic en Efectos del cursor.
- Selecciona un efecto de la colección.
- Haz clic en Personalizar para personalizar los ajustes:
- Estilo de movimiento: selecciona la intensidad del movimiento, como suave o moderado.
- Dirección: decide si la animación debe seguir o invertir el movimiento del cursor.
- Igual al cursor: hace que el elemento siga el movimiento del cursor.
- Opuesta al cursor: hace que el elemento se mueva en la dirección contraria a la del cursor. Por ejemplo, si el cursor se mueve hacia arriba, el elemento se mueve hacia abajo.
- Velocidad: arrastra el control deslizante para cambiar la velocidad del efecto; cuanto menor sea el número, más rápido será el efecto.
![Captura de pantalla del panel de personalización de los efectos del cursor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/01/20/7a01b087-7f16-4f06-94cb-a5580bf2724f/2b5824e3-7d17-4ba6-ba72-344cf34c2dec.jpg)
Consejo:
Haz clic en el icono Vista previa al mover el mouse
para ver el efecto en el lienzo sin tener que hacer una vista previa del sitio.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2025/01/20/c8998423-c107-4bac-9bcb-7eb80e09bd9e/5232d98a-4f39-423a-96cb-d150e7afc624.jpg)
Eliminar un efecto del cursor
Puedes eliminar un efecto del cursor en cualquier momento desde el panel de animaciones.
Para eliminar un efecto del cursor:
- Ve al editor.
- Selecciona el elemento correspondiente.
- Haz clic en el icono Animación y efectos
.
- Haz clic en Efectos del cursor.
- Selecciona Ninguna.
![El panel Agregar animación en el Editor de Wix, resalta la opción de hacer clic en](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/14/1652b0be-1e6c-4b87-b433-e060b463a9db/68919798-ca67-498f-849e-b9016008819a.png)