CSS3 transition 屬性修改寬度時的運動方向

問題描述

在W3school中看到一個例子是把鼠標指針放到 p 元素上，其寬度會從 100px 逐漸變為 300px：然后在他的例子里多出的200px是向右邊變長的。

但是我自己寫了一個又是從兩邊出來的寬度

所以倒底是從哪個方向變化啊qaq

--->其實感覺從兩邊變長好看一些orz

問題解答

http://jsfiddle.net/e6mnmqp2/

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