メディアクエリ間のトランジションを削除しますか？

Question

.activeというクラスに基づいて表示と不透明度が変更された小さな画面に.hidden divがあります。

.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

トランジションは数値でのみ使用できます。 あなたは可視性でそれを使用することはできません。 不透明度のみを使用してください。