CSS3 transition 属性修改宽度时的运动方向

Question

在W3school中看到一个例子是把鼠标指针放到 p 元素上，其宽度会从 100px 逐渐变为 300px：然后在他的例子里多出的200px是向右边变长的。

但是我自己写了一个又是从两边出来的宽度

所以倒底是从哪个方向变化啊qaq

--->其实感觉从两边变长好看一些orz

Answer 1

http://jsfiddle.net/e6mnmqp2/

你肯定是塊居中了吧，實際上width的變化的確是一邊的，但是如果你是居中的話因為塊變長了兩邊的margin會變小所以自然會有一種是兩邊加長的錯覺。不信你可以把網址裏麵的代碼中的margin:0 auto去掉試試。