刚刚发现一个问题，一直也没有注意过，使用了display：none，然后使用过渡变成display：block，过度就没效果了，直接就显示出来了

解决办法

最好还是这么做吧opacity: 0;过度到opacity: 1;

使用visibility: hidden;代替display：none

具体使用这么写 visibility: hidden;opacity: 0;过渡到 visibility: visible;opacity: 1;

或者使用animation动画来实现