实现效果:
当鼠标放上去盒子高度缓慢增高。
问题:盒子放上去后,高度直接增高,没有过渡效果
分析:
盒子没有设置初始高度
因为盒子里的内容需要垂直居中,我就直接使用了padding,导致过渡的盒子没有设置初始高度,最后导致transition失效。如下图,只给盒子设置了padding还撑开盒子高度。
实现效果:
当鼠标放上去盒子高度缓慢增高。
问题:盒子放上去后,高度直接增高,没有过渡效果
分析:
盒子没有设置初始高度
因为盒子里的内容需要垂直居中,我就直接使用了padding,导致过渡的盒子没有设置初始高度,最后导致transition失效。如下图,只给盒子设置了padding还撑开盒子高度。