hi all,
I am trying to add animation to carousel. I am using ngx-slick-carousel for carousel. All animations are working fine but one. when i am swiping the slide, the animation is not taking effect. Animation is working pretty well before and after swipe complete. I want animation to be done while swiping.
here is the code:
let cards = currentCardBox.querySelectorAll('.card-body')
let slideNum = e.currentSlide
gsap.to(cards[slideNum+1], {
scaleY:1.5,
scrollTrigger: {
trigger: cards[slideNum],
start: 'left 30%',
end: "-=100",
scrub: true,
horizontal: true,
markers: true
},
});
Q : What I am trying to achieve ?
Ans: when the hero card swipes to left, next to hero card become hero card with some animation.
Thanks for the help..