transition与visibility与display

时间:2022-01-08 20:32:54

http://www.zhangxinxu.com/wordpress/2013/05/transition-visibility-show-hide/

术语解释是: visibility: 离散步骤,在0到1数字范围之内,0表示“隐藏”,1表示完全“显示”

我的解释是: visibility:hidden可以看成visibility:0;visibility:visible可以看成visibility:1. 于是,visibility应用transition等同于0~1之间的过渡效果。

实际上,只要visibility的值大于0就是显示的

而display:none无法与transition共用,所以如果需要动画过度后隐藏,或者动画结束后显示用visibility,不要用display:none/block