高度和宽度转换原点

Question

是否可以设置过渡的起始位置？

即 -

假设我必须遵循高度和宽度的过渡 -

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

Here is the example - jsFiddle

现在矩形开始从它的左上边缘开始生长，我想改变它，使它从它的上方中心开始生长，就像跟随img -

如何获得它？

Answer 1

您可以尝试添加到CSS

margin: 0 auto;

<强> JSFIDDLE DEMO