display:none过渡

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

解决办法

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

使用visibility: hidden;代替display:none

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

或者使用animation动画来实现