Модификация находится в бета-версии. Если нашли ошибку, сообщите о ней здесь
LinkedIn
Behance
Максим Постников
© 2024 Максим Постников. Все права защищены.
Ru
En

Анимация чисел с увеличением/уменьшением

Добавляет эффект увеличения/уменьшения чисел в Zero-блоках

Инструкция по установке

  • 1
    Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта
    Этот код устанавливается только один раз. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.0.5/numbers.min.js"></script>
  • 1
  • 2
    Задайте тексту, для которого хотите применить эффект, класс .uc-numbers
    Если вы планируете использовать несколько элементов с таким эффектом, задайте им разные классы, например, .uc-numbers1 и .uc-numbers2
  • 3
    Задайте в настройках модификации параметры анимации чисел
  • 4
    Скопируйте код и вставьте его в блок T123 в конец страницы
Видео скоро появится…
Настройки модификации
Настройки модификации
Класс текстового блока:
Скорость анимации:
Конечное значение:
Оставьте пустым, если хотите, чтобы конечным значением осталось текущее число в блоке
Начальное значение:
По начальному значению определяется, в какую сторону будет работать анимация (увеличение/уменьшение).

Если начальное значение меньше конечного, то анимация будет увеличивать число, если больше, то наоборот.
<script>numbers.init(".uc-numbers")</script>
Скопировать код
Модификации для Zero
Оцените сервис
Нравится 100+ человек
Присоединяйтесь ко мне в Telegram-канале!
Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку
t.me/postnikovmds
Можете меня поблагодарить
Если у вас есть желание поблагодарить автора за работу, можете пожертвовать любую сумму на развитие проекта
Присоединяйтесь ко мне в Telegram-канале!
Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку
t.me/postnikovmds
© 2024 Максим Постников. Все права защищены.
Обо мне
Проекты
Блог
Связаться
Модификации
Максим Постников
 
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Хотите получить ответ по проблеме? Напишите напрямую на почту hello@postnikovmd.com или в Telegram
Хотите получить ответ по проблеме? Напишите напрямую на на почту или в Telegram
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Нравятся модификации?
Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше
Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис