vue2.0 トランジションを使用して、マウスを上に移動し、QR コードを画面の外側からスライドさせ、QR コードを残して画面の外にスライドさせるエフェクトを完成させる方法。以下は私が書いたコードです。 , しかし、私が書いたものは失敗しました はい: マウスを上に動かすとボックスはスライドしますが、マウスを離れることなくボックスは消えます。
リーリー
认证高级PHP讲师
以下に変更して試してみてください
またはこのように
このようにCSSを書くことはできません。 .fade-enter-active、.fade-leave-activeクラスはアニメーションが完了すると削除されます。そのため、アニメーションが実行された後は、元のCSSスタイルになります。 2 またQRコードが消えてしまいました
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
以下に変更して試してみてください
リーリーまたはこのように
リーリーこのようにCSSを書くことはできません。 .fade-enter-active、.fade-leave-activeクラスはアニメーションが完了すると削除されます。そのため、アニメーションが実行された後は、元のCSSスタイルになります。 2 またQRコードが消えてしまいました
リーリー