1.축소 시 왜 애니메이션 효과가 없나요?
2.코드
3. 온라인 데모(해결됨)
光阴似箭催人老，日月如移越少年。
우리가 볼 수 있는 전환 애니메이션은 실제로 height 값이 변경되는 과정이고 hover 속성에서 height에 명확한 값을 할당하지 않았기 때문에 마우스를 밖으로 옮긴 후 브라우저는 실제로 어떤 값을 초기값으로 바꿔야할지 몰라서 그냥 초기값으로 바로 되돌리기 때문에 전환 효과는 없습니다
이유는 1층에서 언급한 바와 같습니다. height:100%; 설정할 수 있습니다.
height:100%;
으아아아
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
우리가 볼 수 있는 전환 애니메이션은 실제로 height 값이 변경되는 과정이고 hover 속성에서 height에 명확한 값을 할당하지 않았기 때문에 마우스를 밖으로 옮긴 후 브라우저는 실제로 어떤 값을 초기값으로 바꿔야할지 몰라서 그냥 초기값으로 바로 되돌리기 때문에 전환 효과는 없습니다
이유는 1층에서 언급한 바와 같습니다.
height:100%;설정할 수 있습니다.으아아아