在練習CSS hover時用到了transition屬性，發(fā)現(xiàn)transition屬性只能從左向右、從上向下延伸，但是我想要的效果是從下向上延伸。經(jīng)過我多方面的Google和測試，找到了一個實用的方法，在此做個記錄。

首先，“修改transition屬性”做個說法其實是錯誤的，竅門其實就是修改容器（div）的位置。

以下是沒有設(shè)置過div位置的代碼，此時transition屬性是正常地從上向下延伸。

這時候，給.demo添加一個bottom屬性，固定底部位置。于是當height擴大的時候，容器（div）只能向上延伸了。

想要從右向左的話也是同樣的道理，固定right的值就好了。

（話說markdown為什么用不了呢）