Issue on rotating on Y axis

Animation
6

  • In the video you sent, you are rotating the group. But you should instead rotate the element inside the group as you did in the example.zip.

  • If you do not want the element to exceed the group's bounds, then you can set the Content Overflow property in the Metrics Inspector on the group to Hidden.

  • If you do not want the perspective warp, then you can use this CSS in the head html to turn off perspective changes, which would also keep it within the bounds:

    <style>
div {
    perspective: none !important;
}
</style>

  • If you want to maintain some perspective, but still have it always within the bounds of the group without exceeding it during rotation, you'd probably need to do some special care in scaling manually.

1 Like