以下提供2种解决方案。
一种不用display;
一种用display
不用dispaly;用 absolute+visibility+opacity
用绝对定位,让页面脱离文档流,然后visibility在隐藏,opacity然后实施动画
用dispaly;在 + animation
// 动画
@keyframes base_show {
0% {opacity: 0}
100%{opacity: 1;}
}
active{
animation: base_show .5s;
display: block;
}
这种 也可以 实现过度效果