I cannot find any animate property that alters the “Transform Origin” properties…either X or Y Offset. But I need this capability.
I am trying to create a cover flow animation, where rectangles enter from the right with a Y offset and rotation, but when they arrive at the center, the Y offset changes from 100% to 0%. Then the rectangle continues to move to the left, the Y rotation angle is fixed to the left side of the rectangle.
If this can only be done with javascript, could someone point me to the right snippet?
Description:
A square (id = “Rect1”) moves along a linear path left to right. At the 1.5 second mark the Timeline triggers the function “transformObject1” which changes the origin from Hype’s initial setting (50% 50%) to (0% 0%) and rotates the square by 45°.
There is a “grid” set behind the square so you can easily see the transform location shift when it occurs. At the 3 second mark it triggers the function “transformObject2” and flips back to (50% 50%) with a rotation of 0°.
While this is going on a circle is orbiting the grid (transform origin: 50% -100%); another animation to test for the possibility of interference.