ランドスケープ遷移前にポップアップを閉じる

Question

私の質問はとても簡単です。右から左にスライドして開くポップアップがあり、左から右にスライドして閉じたいと考えています。現在、ポップアップを正しく開くことができますが、期待どおりに閉じることができません。

<div class="overlay">
    <div class="アイテムコンテンツ">
         <h1> こんにちは </h1>
    </div>
</div>

。かぶせる {
    不透明度: 0;
    トランジション: 不透明度 0.4 秒、線形。
}

。かぶせる {
   &.-show {
      不透明度: 1
   }
}

。かぶせる {
    .items-content {
         変換:translateX(200%);
         トランジション: トランスフォーム 0.4 秒イーズインアウト;
     }
}

。かぶせる {
    &.-show {
       .items-content {
           変換:translateX(0);
           トランジション: トランスフォーム 0.4 秒イーズインアウト;
        }
    }
}

透明度を設定したり、トランジション効果やトランジション遅延を追加したりしてみましたが、何も機能しないようです。

Answer 1

場所をリセットする必要があります。次のコードを試してください:

リーリー

}