93 lines
2.0 KiB
JavaScript
93 lines
2.0 KiB
JavaScript
|
|
// var tl = gsap.timeline();
|
|
//
|
|
// tl
|
|
// .from(".menutibillet", {
|
|
// y: -100,
|
|
// stagger: 0.1 // 0.1 seconds between when each ".box" element starts animating
|
|
// })
|
|
// .from(".card", {
|
|
// opacity:0,
|
|
// duration: 0.3,
|
|
// rotationY: 180,
|
|
// stagger: 0.2
|
|
//
|
|
// },"-=0.1")
|
|
// ;
|
|
//
|
|
// const btn = document.querySelector('#filter');
|
|
// var tl2 = gsap.timeline({paused : true});
|
|
//
|
|
// tl2
|
|
// .from(".btnside, .btn-aside2, .btn-aside3, .btn-aside4" , {
|
|
// opacity:0,
|
|
// duration: 0.3,
|
|
// x: -100,
|
|
// stagger: 0.1
|
|
// })
|
|
// ;
|
|
// btn.onclick = () => tl2.reversed() ? tl2.play() : tl2.reverse();
|
|
//
|
|
|
|
|
|
|
|
|
|
|
|
// const b4 = document.querySelector('.btn-aside2');
|
|
// var tl6 = gsap.timeline({paused : true});
|
|
|
|
// tl6
|
|
// .to(".btnconcerts", {
|
|
|
|
// duration: 0.4,
|
|
// transform: 'rotateY(180deg)'
|
|
|
|
// })
|
|
// .to(".H41",{
|
|
// duration: 0,
|
|
// transform: 'rotateY(180deg)'
|
|
// },"-=0.2")
|
|
// ;
|
|
// b4.addEventListener("mouseenter", () => tl6.play());
|
|
// b4.addEventListener("mouseleave", () => tl6.reverse());
|
|
|
|
// const b5 = document.querySelector('.btn-aside3');
|
|
// var tl7 = gsap.timeline({paused : true});
|
|
|
|
// tl7
|
|
// .to(".btnlieux", {
|
|
|
|
// duration: 0.4,
|
|
// transform: 'rotateY(180deg)',
|
|
|
|
// })
|
|
// .to(".H42",{
|
|
// duration: 0,
|
|
// transform: 'rotateY(180deg)'
|
|
// },"-=0.2")
|
|
|
|
// ;
|
|
// b5.addEventListener("mouseenter", () => tl7.play());
|
|
// b5.addEventListener("mouseleave", () => tl7.reverse());
|
|
|
|
// const b6 = document.querySelector('.btn-aside4');
|
|
// var tl8 = gsap.timeline({paused : true});
|
|
|
|
// tl8
|
|
// .to(".btnartiste", {
|
|
|
|
// duration: 0.4,
|
|
// transform: 'rotateY(180deg)',
|
|
|
|
// })
|
|
// .to(".H43",{
|
|
// duration: 0,
|
|
// transform: 'rotateY(180deg)'
|
|
// },"-=0.2")
|
|
|
|
// ;
|
|
// b6.addEventListener("mouseenter", () => tl8.play());
|
|
// b6.addEventListener("mouseleave", () => tl8.reverse());
|
|
|
|
|