Как сделать анимацию в Tilda

// Пример кода для анимации элемента при прокрутке до определенной точки
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Находим элемент, который будем анимировать
    const element = document.querySelector('.my-animated-element');
    
    // Функция проверки, видим ли элемент на экране
    function isElementInViewport(el) {
        const rect = el.getBoundingClientRect();
        return (
            rect.top >= 0 &&
            rect.left >= 0 &&
            rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
            rect.right <= (window.innerWidth || document.documentElement.clientWidth)
        );
    }
    
    // Функция, которая запускает анимацию
    function animateIfVisible() {
        if (isElementInViewport(element)) {
            element.classList.add('animate');
            window.removeEventListener('scroll', animateIfVisible);
        }
    }
    
    // Слушаем событие прокрутки
    window.addEventListener('scroll', animateIfVisible);
    // Проверяем позицию при загрузке
    animateIfVisible();
});
</script>