Honiism

Ohh, I'm so sorry. I didn't realize I had a transition to set a cubic-bezier in my scss file. Thank you so much for helping me with this. The issue is all solved and moving smoothly now!

After messing around, I've finally solved it! I was trying to use calc() in the gsap because I wanted it to be added to -50%. Turms out I Just needed to add -50 to xPercent and yPercent and then use x, y, z as usual. That means I can finally set the spinning animation with gsap too, yay! Just one last issue, sometimes when I move my mouse over the screen the spinning animations flickers back and forth. I'm not really sure why this is happening, could someone maybe direct me as to why? Here is the updated codepen https://codepen.io/honiism/pen/abQJLNL

.

Hi! Thank you for your kind help. I've tried to transform my elements using gsap.set() but it doesn't seem to yield the same result as my manual transformation. I've attached 2 images below, 1 is what it's supposed to look like and 1 is how it actually looks like with gsap. Could you maybe please help me with how I can set these elements properly just like how I did manually? Thank you so so so much! Note: the elements are set to fit a galaxy fold phone so please make sure the width of the codepen preview is around 380px! https://codepen.io/honiism/pen/abQJLNL Normal: With GSAP:

Hey, I recently got into GSAP and I'm a little stuck here. In the codepen, the box constantly transforms as the mouse moves. But I also want the box to rotate 360 degrees infinitely while still having the parallax effect. If I remove the line of code I commented the parallax works but if I add it the parallax movement completely stops. Could anyone maybe direct me on what to do to fix this issue?