transition与visibility与display

Posted 2020-06-14

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了transition与visibility与display相关的知识，希望对你有一定的参考价值。

术语解释是： 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

以上是关于transition与visibility与display的主要内容，如果未能解决你的问题，请参考以下文章