Actualiza la apariencia, la configuración y el comportamiento de tu trail personalizado.
Estas opciones se pueden pasar a tu GeneralAnimation.
{
"name": "Element circle Custom Cursor Trail",
"image": "https://cdn.custom-cursor-trails.com/uploads/cursor_ac306f9fdd.png",
"slug": "element-circle",
"url": "/collections/started/element-circle",
"pattern": "[\"<img src='https://cdn.custom-cursor-trails.com/uploads/cursor_ac306f9fdd.png' width='32' alt='Element circle Custom Cursor Trail' />\"]",
"animationType": "flash",
"duration": 1000,
"allImages": [
{
"id": 1,
"dataUrl": "https://cdn.custom-cursor-trails.com/uploads/cursor_ac306f9fdd.png"
}
],
"easing": "linear",
"shapesCount": 25,
"step": 2,
"theme": "dark"
}Introduce el nombre de tu conjunto de rastros de cursor.
Agrega imágenes de cualquier forma conveniente.
Selecciona el tipo de animación, tamaño y otros parámetros.
Guía paso a paso para crear, editar y usar custom cursors y custom cursor trails en tu aplicación o extensión.
En el campo «Nombre», escribe un título claro para tu futuro custom cursor trail (por ejemplo, Cosmic Sparkles) para localizarlo fácilmente en la extensión y gestionar tus efectos de cursor. Esto ayuda a organizar varios custom cursor trails diferentes.
Añade imágenes para el custom cursor trail de tres formas: 1) pega una URL, 2) sube un archivo desde tu ordenador, 3) elige iconos desde tu biblioteca de imágenes. Se admiten formatos JPG, JPEG, PNG, WEBP, BMP, SVG. Para un mejor resultado visual, usa PNG transparentes o SVG. Parámetros recomendados: 64–128 px y peso inferior a 200–300 KB, así tus custom cursor trails funcionarán de forma fluida sin caídas de FPS. Si una imagen por URL no carga debido a CORS, utiliza la carga desde archivo o tu biblioteca. Puedes combinar varios iconos en un mismo custom cursor trail y eliminar los que no necesites en cualquier momento.
Selecciona el tipo de animación, el easing, el tamaño de las imágenes (px) y la duración del efecto (ms). De esta forma puedes adaptar el aspecto y el comportamiento de los custom cursor trails al estilo de tu sitio web o extensión.
Asegúrate de que el custom cursor trail se muestre correctamente y haz clic en «Añadir la estela a la extensión» o «Guardar cambios». Una vez guardado, selecciona el custom cursor trail en tu aplicación para activarlo en cualquier sitio web.
Preguntas frecuentes sobre la creación y configuración de efectos de cursor, el uso de tu biblioteca de imágenes y la optimización de los custom cursor trails.
Se admiten JPG, JPEG, PNG, WEBP, BMP, SVG. Recomendamos archivos ligeros (menos de 200–300 KB) e iconos de 64–128 px para garantizar la fluidez de los custom cursor trails.
Selecciona «Elegir desde la biblioteca» para insertar iconos de tu base de imágenes.
Algunos sitios bloquean la carga de imágenes por aplicaciones externas debido a las restricciones de CORS.
Esto no es un error del generador de custom cursor trails, sino una política de seguridad del servidor de origen.
Sí. En el modo edición puedes cambiar el tipo de animación, el easing, el tamaño o las imágenes (añadir nuevos archivos o elementos de biblioteca), y luego hacer clic en «Guardar cambios».
Tras guardarlo, el conjunto aparece en tu extensión o aplicación. Selecciónalo como activo para aplicar el efecto del custom cursor en cualquier sitio web.
Puedes alternar rápidamente entre diferentes custom cursor trails para realizar pruebas A/B de diseño.
En los ajustes de la aplicación o extensión, selecciona el cursor predeterminado sin efectos o elimina el conjunto.
Esto te permite cambiar rápidamente entre diferentes estilos de cursor según tus necesidades.
Sí, puedes subir tus fotos en formatos JPG o PNG y utilizarlas como elementos en tus custom cursor trails.
Recomendamos recortar la foto, reducir la resolución y mantener un fondo transparente para un mejor rendimiento.
