Slider: Draggable image animation

[Konoha Digital]

Hi, i am starting a new project where a slider has already been set up with swiper js. 
Now i was wondering if its possible to add a cool animation when i drag or scroll through the slider like on this website:

http://manifesto.clapat.com/index-showcase-carousel.html

the images seem to be cut on the sides and seem to have more depth also they skew in the direction they are dragged.

I was just wondering if someone could give me some direction on how to approach this kind of effect with GSAP or if there is a tutorial that someone could point me to. So no debugging for now^^.

 

Also i wanted to know, if this effect is possible with a slider made with swiper JS or if there are any complications.

Additionally i would like to implement the transition effect when clicking on the slider images. I saw that it can be made with the FLIP plugin, i just hope it works within Swiper JS.

Thanks
 

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[Konoha Digital]

Alright, makes total sense. Thanks a lot