CSS: Make transform/transform-origin do a smooth/intuitive transition together

Question

I want to change zoom center and zoom scale at once with a mouse in an interactive web application. It works until I add CSS transition to make it look smooth. I tried two v