Как правильно использовать transform-origin?

Question

[Кристина]

Пытаюсь увеличивать от середины, почему не получается?

https://codepen.io/anon/pen/KGwvbv

Comments

[Nikita-Fast]

тогда если мой пример был не правильный то правильно будет только увеличение width и height для rect и другими способами вы этого не добьётесь,трансформации в svg не меняют размер самого объекта а меняет сетку..т.е просто увеличивает её а сам объект находится на месте ..точно center center или 50%,50%

Answer 1

[lagudal]

transform-origin: 50% 50%;
transform-box:fill-box;

Comments

[Кристина]

lagudal, Ктооо тыыы, друг?))) Ты просто волшебник! Спасибо!

[Korifa]

это свойство даже в гугле сложно найти, что оно делает?