[Weird behavior with TweenMax.to()]

Hello OSUblake,

 

thank you for the very quick response. I've replaced the transform with directionalRotation and added the "_short" suffix. The codepen as well as the real deal work great now, thank you!

 

Demo: 

See the Pen MBGdmN by cyrnm (@cyrnm) on CodePen

 

Best regards

[Weird behavior with TweenMax.to()]

Hi,

 

I'm currently developing a circular form that's spinnable using the Draggable (wheel) plugin for TweenMax. When you click and hold the wheel in the pen, you can drag it around so it rotates using "transform: matrix3d(...)" - that part works great!

 

However, I want to create a function where, once I click an inactive card, the wheel rotates so that the clicked card is on top. The calculation for that one is done and works perfect - but not for the dark blue card. If you have any card active, then click on the blue one, the transform will skew, rotate and translate the element. If you have the blue card active and click on another card, the same happens. However, if you have any other card than the blue one active and click on any other card but the blue one, it works perfectly.

 

I would appreciate any pointers happily, as I'm quiet running out of ideas. 

 

Best regards and thank you in advance!

See the Pen BPZVoR by cyrnm (@cyrnm) on CodePen