АНИМАЦИЯ / ИНТЕРФЕЙС / TILDA
Хвост курсора из частиц
Оставляет частицы вслед за движением мыши.
Живой пример
Что делает модификация
Оставляет частицы вслед за движением мыши.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Эффект предназначен для точного указателя. Не размещайте область поверх кнопок и форм, если она перекрывает их клики.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс области реакции | Выберите значение в интерфейсе личного кабинета. |
| Размер изображений / частиц, px | Параметр 2–400 |
| Расстояние между следами, px | Параметр 2–300 |
| Цвет следа | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Подготовьте областьВ Zero Block создайте HTML-элемент с классом photo-cursor. Растяните его на область, в которой курсор должен оставлять след.
- Подготовьте ресурсыДля изображений загрузите файлы в LF Drive и вставьте прямые ссылки по одной на строку в кабинет. Частицы и неон рисуются без изображений.
- Разместите кодПервую часть вставьте в HTML-элемент. Вторую часть с обработчиками — в T123 после Zero Block.
- Проверьте мышьДвигайте курсор внутри области. На телефоне след отключён, обычное касание сохраняется.
Важно
Эффект предназначен для точного указателя. Не размещайте область поверх кнопок и форм, если она перекрывает их клики.
Частые вопросы
Где настроить модификацию?
После покупки откройте её в личном кабинете, задайте параметры и нажмите «Сгенерировать код».
Нужно ли править код вручную?
Параметры задаются в кабинете. Составные фрагменты вставьте в места, указанные в инструкции.
Пример использует мои блоки?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные элементы Tilda.