Contacts
Wooden floor
Don't miss the opportunity to get in direct contact with us. Your satisfaction is our priority. Fill out the form, it's simple and quick!
.reveal {
overflow: hidden;
}
.char {
transform: translateY(175px);
transition: transform .8s ;
}
.text-overflow-hide{
overflow: hidden;
}
// testo onload
const myText = new SplitType('h1')
gsap.to('.char', {
y: 0,
stagger: 0.03,
delay: 0.3,
duration: .1,
})
// immagini
gsap.registerPlugin(ScrollTrigger);
let revealContainers1 = document.querySelectorAll(".reveal");
revealContainers1.forEach((container) => {
let image = container.querySelector("img");
let tl = gsap.timeline({
scrollTrigger: {
trigger: container,
toggleActions: "restart none none reset"
}
});
tl.set(container, { autoAlpha: 1 });
tl.from(container, 1.5, {
xPercent: -100,
ease: Power2.out
});
tl.from(image, 1.5, {
xPercent: 100,
scale: 1.3,
delay: -1.5,
ease: Power2.out
});
});
// testo onscroll
let revealContainers2 = document.querySelectorAll(".reveal-text");
revealContainers2.forEach((container) => {
let tl = gsap.timeline({
scrollTrigger: {
trigger: container,
toggleActions: "restart none none reset"
}
});
tl.set(container, { autoAlpha: 1 });
tl.from(container, 1.5, {
duration: 1.8,
delay: -.5,
y: 200,
skewY: 5,
stagger: {
amount: 0.05
},
ease: "rough.out"
});
});