Анимация чисел в Zero-блоке

Вы наверняка хоть раз использовали стандартную анимацию чисел:

299792458
от 0 до 299 792 458

Но иногда хочется сделать что-то подобное и в Zero-блоке, не правда ли? Правда, анимация будет работать только на десктопе, так же, как и в стандартных блоках Тильды, потому что используется одна и та же встроенная функция.

А теперь простая инструкция. Задайте класс для текстового элемента с числом, например necodim-anim-number, введите название класса в текстовое поле ниже и скопируйте получившийся код в блок T123. Сам блок с кодом разместите ниже Zero-блока.

Если захотите анимировать несколько чисел, то просто задайте этот же класс и другим текстовым элементам, код дублировать не нужно.

Как задать класс в Нулевом блоке, читайте здесь. А посмотреть пример можно ниже.

<!-- Анимация чисел в Zero-блоке | https://necodim.ru/tilda/zero-numbers-animation -->

<script>
document.querySelectorAll('.necodim-anim-number .tn-atom').forEach(num => {
    num.dataset.animateStyle = 'animatednumber';
    num.classList.add('t-animate');
});
</script>

Скопировать код

Пример работы модификации

Разные варианты использования

12345

+999!

Или числа с какими-то знаками

Используйте только числа