display:none;
visibility:hidden;
opacity:0;
它们都可以让元素隐藏掉，但是它们之间还是有区别的
display:none;隐藏后不占空间
而另外两个虽然隐藏了元素，但是还是占据着空间
而transition对于display:none;和visibility:hidden;是无效的
但是对于opacity:0;是有效的
display:none;visibility:hidden;和opacity:0;的区别
原文：https://www.cnblogs.com/cz0017/p/10159850.html