如何在CSS中放置具有动态内容的旋转元素还是有位置起源？

问题如下：
我必须在右下角放置一个旋转的元素，并分别使用动态内容将其缩放到顶部和左侧。
元素随变换旋转并绝对定位。
我已经意识到CSS不会更新该元素，并且仍然使用该元素的未旋转“重影”进行定位，如您在屏幕快照中所见。

由于内容必须是动态的，因此我不能将绝对值用于位置或平移。
有没有办法解决此问题，例如使用位置来源的属性？

编辑：
因为这被（错误地）标记为重复，并且一个评论者有一个关于幽灵的问题，所以我将附上“幽灵”的屏幕快照，表示未旋转的版本，您可以在其中看到确实应用了right：0样式