Модификации
2024-03-20 12:14 Эффекты и анимация

Простая анимация чисел в Тильде

Чтобы оживить сайт во многих проектах добавляем анимацию чисел в зеро-блоке на Тильде.

Этот простой прием помогает сфокусировать внимание пользователя, тем самым мы подсвечиваем важную информацию во время просмотра страницы и увеличиваем время посещения сайта.

Инструкция:

1. Создаем зеро-блок и добавляем текстовый элемент с цифрами.

2. Добавляем класс к элементу .cubenumber

3. Создаем блок Т123 и добавляем код

4. Обновляем страницу, готово.
<!--анимация чисел https://cubeteam.ru -->

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