How to rotate a element while dragging?

[[email protected]]

Hi Guys, can  anyone please share how to rotate an element(card UI) while dragging? which is some what similar to tinder ui, when you drag element(Card), I want to rotate maximum +15deg(if dragged right side), -15deg(if dragged left side) and animate  second element just like tinder(which is positioned below current element) . I have used Draggable plugin for dragging (which works amazing , Thanks GSAP Team), but dont know how to rotate while dragging like tinder.

 

Let me know if my description is not clear, i will try to clarify or comeup with codepen.

 

Thanks in advance.

[ZachSaucier]

Just use the onUpdate function along with a calculation. Here's a basic demo:

See the Pen wvGNxKP?editors=0010 by GreenSock (@GreenSock) on CodePen.

[[email protected]]

@ZachSaucier Thanks a lot .Exactly what i was looking for.  BTW been following your tutorials on youtube and gsap/learning center,  It was really super easy to understand and helped us a lot in getting into gsap, Thanks again! & Have a nice day.