Обнаружил неочевидное поведение у CSS-свойства transform-origin...
<svg viewBox="0 0 300 150" width="3000">
<style>
#box {
transform-origin: 100% 0;
/* Чтобы увидеть дополнительные странности,
попробуй в консоли поменять на 0% 0 и затем на 0 0,
которые по-разному воспринимаются в Chrome! */
transform: rotate(-20deg);
}
</style>
<rect x="10" y="15" height="15" width="30" fill="teal"></rect>
<rect x="10" y="15" height="15" width="30" id="box"></rect>
</svg>
Правда, если использовать 0% 0% или 100% 0%, то отображается, как должно быть! Но разве 0 в CSS должен отличаться от 0%?