在练习CSS hover时用到了transition属性,发现transition属性只能从左向右、从上向下延伸,但是我想要的效果是从下向上延伸。经过我多方面的Google和测试,找到了一个实用的方法,在此做个记录。
首先,“修改transition属性”做个说法其实是错误的,窍门其实就是修改容器(div)的位置。
以下是没有设置过div位置的代码,此时transition属性是正常地从上向下延伸。
这时候,给.demo添加一个bottom属性,固定底部位置。于是当height扩大的时候,容器(div)只能向上延伸了。
想要从右向左的话也是同样的道理,固定right的值就好了。
(话说markdown为什么用不了呢)