slideUp动画效果可以通过给盒子高度设置为0,hover时给盒子真正的高度,然后用transition来实现动画效果。
但是由于网页是响应式的,而且有一组盒子,盒子的内容又不一致,实在无法设置统一的高度。
最后给盒子设置max-height:0,hover时设置max-height:最高盒子的高度来实现动画效果。
不定高度的slideUp动画效果
最新推荐文章于 2022-09-03 00:33:29 发布
slideUp动画效果可以通过给盒子高度设置为0,hover时给盒子真正的高度,然后用transition来实现动画效果。
但是由于网页是响应式的,而且有一组盒子,盒子的内容又不一致,实在无法设置统一的高度。
最后给盒子设置max-height:0,hover时设置max-height:最高盒子的高度来实现动画效果。