1. Убери фон у блоков, где должен быть виден неоновый курсор
2. Задай количество точек изгиба неонового хвоста курсора
3. Укажи скорость возврата хвоста курсора
4. Укажи ширину хвоста
5. Укажи дальность бликов от хвоста
6. Задай скорость краснения хвоста при движении
7. Скопируй код и вставь в блок т123
Не ставь чрезмерно большое значение точек изгиба, т.к. в некоторых случаях это может нагрузить видеокарту и быстродействие модификации может быть снижено
Важно!
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Уверенным пользователям, которые каждый день зарабатывают на создании и верстке сайтов
Всё, что во Free и Pro на 1 месяц
и еще:
Pro на 1 год
2 990 ₽
Всё, что во Free
и еще:
У кого пока непрогнозируемая рабочая загрузка и расширение нужно только
в определенное время
Pro на 1 месяц
390 ₽
Для знакомства с сервисом и тестирования бесплатного функционала
Free
Этот мод доступен на PRO тарифе
Приоритетная поддержка
~50 новых модификаций, которые планируем выпустить в течение года
Обновления библиотеки с учетом изменений Tilda
ИИ-помощник с базовыми моделями
Возможность голосовать за новые моды и закрытый чат (скоро)
undefined
~25 Pro-модификаций
Генератор CSS
Распознавание блоков
Показать блоки т123
Автосохранение Zero-блока
Подсветка кода в т123
undefined
undefined
~20 бесплатных модификаций
Темная тема для Tilda
Кнопки быстрой публикации
Настройки меню в редакторе
<!--Библиотека VORON--><!--Модификация курсора https://voron-dev.ru/neon_cursor--> <script type="module"> import { neonCursor } from 'https://cdn.jsdelivr.net/npm/threejs-toys@0.0.8/+esm'
neonCursor({
el: document.getElementsByTagName('body')[0],
shaderPoints: 16,
curvePoints: 80, // Количество промежуточных точек в " неоновом хвосте"
curveLerp: 0.5, // Скорость "хвоста"
radius1: 5, // ширина "хвоста"
radius2: 30, // ширина бликов от "хвоста"
velocityTreshold: 10, // Скорость "краснения" курсора
sleepRadiusX: 100,
sleepRadiusY: 100,
sleepTimeCoefX: 0.0025,
sleepTimeCoefY: 0.0025
})
const resizeObserver = new ResizeObserver(entries =>
document.querySelector('canvas').style.height = document.body.scrollHeight + 'px'
)
resizeObserver.observe(document.body)
</script> <style> canvas[data-engine="three.js r140"] {
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
} </style> 123Наведи курсор на блок ниже, чтобы увидеть эффект неонового следа
Примеры работы модификации