Анимация чисел с увеличением/уменьшением
Добавляет эффект увеличения/уменьшения чисел в Zero-блоках
Инструкция по установке
- Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайтаЭтот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.3/mods.min.js"></script>Скопировать код
Код скопирован!
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
-
- Задайте тексту, для которого хотите применить эффект, класс .uc-numbersЕсли вы планируете использовать несколько элементов с таким эффектом, задайте им разные классы, например, .uc-numbers1 и .uc-numbers2
- Задайте в настройках модификации параметры анимации чисел
- Скопируйте код и вставьте его в блок T123 в конец страницы
Как это сделано?
<script>numbers.init(".uc-numbers", { transition: 1000, start: 1 })</script>Настройки модификации
Настройки модификации
Класс текстового блока:
Скорость анимации:
Конечное значение:
Оставьте пустым, если хотите, чтобы конечным значением осталось текущее число в блоке
Начальное значение:
По начальному значению определяется, в какую сторону будет работать анимация (увеличение/уменьшение).
Если начальное значение меньше конечного, то анимация будет увеличивать число, если больше, то наоборот.
Если начальное значение меньше конечного, то анимация будет увеличивать число, если больше, то наоборот.
<script>numbers.init(".uc-numbers")</script>Особенности
- Работает с целыми числамиМодификация поддерживает только целые числа. Например, 100 или 1 000
- Поддерживает префиксыЛюбые символы до и после числа. Например, «<» или «руб.»
- Запускается по триггеруЕсли элемент с контейнером находится в видимой зоне экрана
© 2025 Максим Постников. Все права защищены.
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Нравятся модификации?
Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше
Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис