Блок с кейсом выезжает снизу с наклоном и выравнивается при прокрутке.
uc-updown.<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.