Top.Mail.Ru
Loading...
The work you do while you procrastinate is probably the work you should be doing for the rest of your life.
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM016 • ВРЕМЯ НАСТРОЙКИ: 1 МИНУТА

как сделать анимацию цифр в зеро блоке tilda?

С помощью нашей модификации ты можешь анимировать числа в Зеро блоке Тильда, задав начальные значения и скорость анимации.
Инструкция
1. В генераторе настраиваем время анимации, т.е. сколько секунд пройдет от начальной цифры до нужной. Время указывается в миллисекундах. Например, чтобы задать 5 секунд, введите 5000;

2. Можно указать текст в начале числа и после него;

3. Выбираем тип разделения тысячных;

4.Пишем в генераторе класс текстового элемента и вставляем его в Зеро Блок;

Что бы указать класс у элемента, нажимаем на него правой кнопкой мыши и выбираем из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываем тот же класс что и в генераторе;

5. Указываем начальную цифру и конечную цифру;

Совет: начальная цифра в генераторе должна совпадать начальной в тексте, тогда визуально не будет видно "подёргиваний" в цифрах;

6. Копируем сгенерированный HTML код и вставляем его в блок Т123;

7. Можно добавить до 15 элементов (цифр) в одном коде;

8. В анимации используется настройка "swim" - т.е. кривая скорости анимации стоит по стандарту. медленное начало, к середине ускоряется и к концу опять замедляется.

Важно:
Начальная и конечная цифры должны быть указаны без пробелов и дополнительных символов. Разделение тысячных осуществляется с помощью отдельной настройки.
с 1 600 года
Об авиакомпании "От винта!"
в 1 800 году
Начали летать
Стали мировым лидером
3 321
95
Сотрудников в команде
Самолётов в компании
Цифры
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1