Rotate object trigger

The code in GSAP will be as simple as possible. You need to find the desired object (the one you want to rotate), and it's best to do this by the object's ID.

Then, you create the animation. For example, a rotation of 90 degrees will look like this:

gsap.to(yourObject, { rotation: 90, duration: 1 });

A more interesting animation, where the object slightly tilts in the opposite direction and then rotates 90 degrees, will look like this:

gsap.to(yourObject, { rotation: -30, duration: 0.5, ease: "power2.out" }) gsap.to(yourObject, { rotation: 120, duration: 0.5, ease: "power2.out", delay: 0.5 });