vue2.0 전환을 사용하여 마우스를 위로 움직이고, 화면 외부에서 QR 코드를 밀어내고, QR 코드를 남겨두고 화면 밖으로 밀어내는 효과를 얻는 방법
光阴似箭催人老，日月如移越少年。
vue의 전환 컴포넌트는 애니메이션에 들어갈지 아니면 떠날지 판단하기 위해 컴포넌트의 요소를 v-if로 표시하므로 해당 애니메이션을 작성한 후 마우스를 디스플레이로 이동하고 숨김을 남겨주세요
html
css
화면 밖에서 슬라이드로 들어가고 싶다면 CSS 스타일을 이렇게 바꾸면 됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
vue의 전환 컴포넌트는 애니메이션에 들어갈지 아니면 떠날지 판단하기 위해 컴포넌트의 요소를 v-if로 표시하므로 해당 애니메이션을 작성한 후 마우스를 디스플레이로 이동하고 숨김을 남겨주세요
html
으아악css
으아악화면 밖에서 슬라이드로 들어가고 싶다면 CSS 스타일을 이렇게 바꾸면 됩니다.