Просто вставьте код который вы найдете ниже в блок T123

Важно:
Анимация работает только в step-by-step.
Не перенагружайте сайт анимацией, мобильный браузер может не справиться
Помните про отличие в высоте в мобильных устройствах и десктопах. Всегда тестируйте отображение.
Включаем анимацию для мобильных устройств
<!-- Тильдошная мобильная анимация -->
<script>
if (window.innerWidth < 1200) {
    function t_animateSbs__init() {
        var e = {
            els: $("[data-animate-sbs-event]"),
            scrollTop: window.pageYOffset,
            stop: !1,
            needUpdate: !0
        };
        if (e.mode = void 0 !== $(e.els[0]).attr("data-field-sbsevent-value") ? "edit" : "publish",
        0 != e.els.length) {
            t_animateSbs__cashElsInfo(e);
            var t, a = t_animateSbs__generateKeyframes(e);
            if ("" != a && $("head").append('<style class="sbs-anim-keyframes">' + a + "</style>"),
            "y" == window.lazy && t_lazyload_update(),
            $(window).resize(function() {
                clearTimeout(t),
                t = setTimeout(function() {
                    $(window).width() < 101 ? (e.stop = !0,
                    t_animateSbs__reset(e)) : (e.stop = !1,
                    t_animateSbs__cashElsInfo(e),
                    t_animateSbs__triggerTimeAnim(e),
                    t_animateSbs__triggerScrollAnim(e))
                }, 500)
            }),
            $(window).width() >= 101)
                t_animateSbs__triggerTimeAnim(e),
                $("[data-animate-sbs-event=scroll]").length > 0 && (t_animateSbs__triggerScrollAnim(e),
                t_animateSbs__checkFrame(e));
            $(window).load(function() {
                t_animateSbs__rereadElsValues(e)
            }),
            setTimeout(function() {
                t_animateSbs__rereadElsValues(e)
            }, 3e3)
        }
    }
    function t_animateSbs__generateKeyframes__correctOpacityOnFirstStep(e, t) {
        var a = t[1];
        void 0 !== a && 0 === a.time && 0 === a.styles.opacity && $(window).width() >= 101 && ($(e).find(".tn-atom__sbs-anim-wrapper").css("opacity", 0),
        t[0].styles.opacity = 0)
    }
    $(document).ready(function() {
        1 == window.isSearchBot || t_animateParallax__checkOldIE() || window.isMobile && $(window).width() < 101 || "edit" == $(".t-records").attr("data-tilda-mode") || (t_animateSbs__wrapAtomEls(),
        setTimeout(function() {
            t_animateSbs__init()
        }, 50))
    });
}
</script>
<style>
    .t-rec {
        word-break: normal !important;
    }
</style>
Есть вопросы?
comments powered by HyperComments
Вот что есть еще
Made on
Tilda