在練習CSS hover時用到了transition屬性,發現transition屬性只能從左向右、從上向下延伸,但是我想要的效果是從下向上延伸。經過我多方面的Google和測試,找到了一個實用的方法,在此做個記錄。
首先,“修改transition屬性”做個說法其實是錯誤的,竅門其實就是修改容器(div)的位置。
以下是沒有設置過div位置的代碼,此時transition屬性是正常地從上向下延伸。
這時候,給.demo添加一個bottom屬性,固定底部位置。于是當height擴大的時候,容器(div)只能向上延伸了。
想要從右向左的話也是同樣的道理,固定right的值就好了。
(話說markdown為什么用不了呢)