Анимация цифр в Зеро блоке

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

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

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

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

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

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

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

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

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

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

Важно:

• Начальная и конечная цифры должны быть указаны без пробелов и дополнительных символов. Разделение тысячных осуществляется с помощью отдельной настройки.
• В мобильной версии ширина текста не должна превышать ширину контейнера. В противном случае анимация может не сработать.