Что делает скрипт

Блок с кейсом выезжает снизу с наклоном и выравнивается при прокрутке.

Как подключить

  1. Блоку в Zero Block задайте класс uc-updown.
  2. Вставьте код в блок T123 «HTML-код» на страницу (или в «Настройки страницы» → «HTML-код для вставки внутрь head»).
  3. Опубликуйте страницу: код выполняется только на опубликованной странице.

Код

Код для вставки
<script>
 //натяжка блока с потфолио// 
$(() => {
    const $node = $(".uc-updown");
    const initialTransform = $node.css("transform");
    const initialAngle = 40; // Здесь можно изменить начальный угол наклона

    const update = () => {
      const startScrollY = $node.offset().top - window.innerHeight;
      const endScrollY = $node.offset().top+$node.height()/2 - window.innerHeight/2;

      let scrollProgress = (window.scrollY - startScrollY) / (endScrollY - startScrollY);
      scrollProgress = scrollProgress < 0 ? 0 : scrollProgress > 1 ? 1 : scrollProgress;

      let deg = scrollProgress * initialAngle; // Изменяем угол от начального до 0 градусов
      $node.css({ "transform": `perspective(500px) rotateX(${initialAngle - deg}deg)` });
    }

    $node.css({ "transform-origin": "top center" });
    update();

    $(window).scroll(() => update());
});
</script>

Начальный угол наклона задаётся константой initialAngle.

тут нужно написать стили и js/css для того, чтобы отображались файлы скриптов