info@tesseractlearning.com

@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.

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.

It worked. but could not understand exactly what += does .but before i had same without += that didnt work. Thanks a lot for your time @OSUblake

Thanks Again @OSUblake .I will look into it.

?for a second, i kinda thought that code would work(even though i knew props readable only). if i had not read MDN docs before i would have believed.My bad

@OSUblake. Thank you so much for your response. Drag elements are not positioned absolutely.because user can add n number of draggable (think of it like a template user will create). please check attached codepen

@ZachSaucier. Thanks you so much for your kind response and its our pleasure . There is some issues with the implementation maybe i will come with codepen example . Thanks again!!

Hi Guys, I am trying to create drag and drop using drag-gable and hittest method.i stuck trying to achieve below task * I want to place my drag-gable(represented in blue in the image) to position, scale(achieved by setting width and height of drop-area) and fit inside the drop-area but i am not able to get position of droparea correctly to position my drag-gable .i tried draggable.updated() method which just sticks drag-gable to user onDragEnd event . Please let me know,how can i achieve desired result. Thanks in advance.