Hi
I have a tween on a transformed span that i can't get to work properly. I need to change the transformOrigin, but because the parent element is rotated 270deg it's created a bit of an issue (codepen link attached).
I've commented out a line on the timeline, which shows how I would like the animation to fade out, but having it so the line scales up from the bottom causes it to jump out of position.
Is there a solution under the current HTML layout, or is the fact I'm using spans (with inline-block added) part of the problem? I've tried a number of different things but none of them seem to work.
Kind regards,
Paul.