Hello victy ! I'm glad you are using our new way of displaying Spine skeletons within webpages.
While it might seem trivial, there’s actually a lot of code involved to make these web components work.
Even though it appears that you are rendering the Spine skeleton within the HTML element represented by the <spine-skeleton> tag, that’s not what actually happens. The rendering occurs inside an additional <spine-overlay> element that is injected into the DOM.
The <spine-skeleton> element is used to determine the position and size where the skeleton should be rendered. Currently, it does not take into account any CSS transformations, but only the x, y, width, and height. When you rotate the element, the skeleton appears scaled because it’s being drawn using the smallest rectangle that fully contains the rotated div aligned to the viewport axes.
Supporting CSS rotation is not straightforward and requires a new feature to be implemented. I’ve opened an issue on our GitHub tracker for this. Please subscribe to the issue if you want to receive automatic updates.
