What is the correct way to use transform-origin?

Question

css

I'm trying to increase from the middle, why doesn't it work?
https://codepen.io/anon/pen/KGwvbv

Answer 1

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