Настройте внешний вид, параметры и поведение вашего пользовательского трейла.
Эти опции можно передать в ваш GeneralAnimation.
{
"name": "Boy in love Custom Cursor Trail",
"image": "https://cdn.custom-cursor-trails.com/uploads/Arrows_To_The_Gluteus_Means_Love_6eff81a120.svg",
"slug": "boy-in-love",
"url": "/collections/love-and-romance/boy-in-love",
"pattern": "[\"<img src='https://cdn.custom-cursor-trails.com/uploads/Arrows_To_The_Gluteus_Means_Love_6eff81a120.svg' width='32' alt='Boy in love Custom Cursor Trail' />\"]",
"animationType": "flash",
"duration": 1000,
"allImages": [
{
"id": 1,
"dataUrl": "https://cdn.custom-cursor-trails.com/uploads/Arrows_To_The_Gluteus_Means_Love_6eff81a120.svg"
}
],
"easing": "linear",
"shapesCount": 25,
"step": 2,
"theme": "dark"
}Введите название вашего набора следов курсора.
Добавьте изображения любым удобным способом.
Выберите тип анимации, размер и другие параметры.
Пошаговая инструкция по созданию, редактированию и использованию custom cursor и custom cursor trails в вашем приложении или расширении.
В поле «Название» введите понятное имя будущего custom cursor trail (например, Cosmic Sparkles), чтобы легко находить его в расширении и управлять курсорными эффектами. Это поможет организовать несколько разных custom cursor trails.
Добавьте изображения для custom cursor trail тремя способами: 1) вставьте URL, 2) загрузите файл с компьютера, 3) выберите иконки из своей библиотеки изображений. Поддерживаются форматы JPG, JPEG, PNG, WEBP, BMP, SVG; для лучшего отображения рекомендуем прозрачные PNG или SVG. Оптимальные параметры: 64-128 px и размер до ~200-300 KB - так custom cursor trails будут работать плавно без просадок FPS. Если изображение по URL не загружается из-за CORS, используйте загрузку файла или выбор из библиотеки. Вы можете комбинировать несколько иконок в один набор custom cursor trail и удалять лишние элементы в любой момент.
Выберите тип анимации, плавность (easing), размер изображения (px) и длительность эффекта (ms). Так вы сможете настроить внешний вид и поведение custom cursor trails в соответствии со стилем вашего сайта или расширения.
Убедитесь, что custom cursor trail отображается корректно, и нажмите «Добавить след в расширение» или «Сохранить изменения». После сохранения выберите нужный custom cursor trail в приложении или расширении, чтобы активировать эффект на любом сайте.
Самые популярные вопросы о создании и настройке курсорных эффектов, работе с собственной библиотекой изображений и оптимизации custom cursor trails.
Поддерживаются JPG, JPEG, PNG, WEBP, BMP, SVG. Рекомендуем небольшие файлы (до ~200-300 KB) и размеры иконок 64-128 px для плавной работы custom cursor trails.
Выберите пункт «Выбрать из библиотеки», чтобы вставить иконки из своей базы изображений.
Некоторые сайты блокируют загрузку изображений сторонними приложениями из-за ограничений CORS.
Это не ошибка конструктора custom cursor trail, а политика безопасности хостинга изображения.
Да. В режиме редактирования вы можете изменить тип анимации, easing, размер или набор изображений (добавить новые из файлов или библиотеки), а затем нажать «Сохранить изменения».
После сохранения набор появится в расширении или приложении. Выберите его как активный, чтобы включить custom cursor эффект на сайте.
Вы можете быстро переключаться между разными custom cursor trails для A/B-тестов или экспериментов с дизайном.
В настройках приложения или расширения выберите стандартный курсор без эффектов или удалите набор полностью.
Это позволяет быстро переключаться между разными вариантами курсора при необходимости.
Да, вы можете загрузить фотографии в форматах JPG или PNG и использовать их как элементы custom cursor trails.
Рекомендуем обрезать фото, уменьшить разрешение и оставить прозрачный фон для лучшей производительности.
