Начальная точка перехода по высоте и ширине

Question

Возможно ли установить начальное местоположение перехода?

т.е. -

Пусть я должен следующий переход по высоте и ширине -

transition: width 2s, height 2s, transform 2s 

Here is the example - jsFiddle

сейчас прямоугольник начинает расти от верхнего левого края, я хочу изменить это так, что он начнет расти с центра его верхней стороны, как и последующие img -

Как это получить?

Answer 1

Вы можете попробовать добавить в свой CSS

margin: 0 auto; 

JSFIDDLE DEMO