删除媒体查询之间的转换？

Question

我在小屏幕上有.hidden div，根据名为.active的类转换可见性和不透明度。

我需要转换小的可见性，以便在添加/删除.active类时获得良好的淡入/淡出。

.hidden{
    opacity: 0;
    visibility: hidden;
    transition: visibility .3s, opacity .3s ease;
}
.hidden .active{
    opacity: 1;
    visibility: visible
}

在较大的屏幕上，我关闭过渡，并使.hidden始终可见：

.hidden{
    visibility: visible;
    transition: none;
}

我遇到的问题是，当我从大到小时，.hidden过渡（淡出），我想没有过渡。

那么，如何在媒体查询之间删除转换？

Answer 1

您只能在数值中使用转换。 你不能在可见度中使用它。 尽量只使用不透明度。