1.縮小時にアニメーション効果がないのはなぜですか?
2.コード
3. オンラインデモ (解決済み)
光阴似箭催人老，日月如移越少年。
私たちが見ることができるトランジションアニメーションは、実際には高さの値の変化プロセスであり、hover属性の高さに明確な値を割り当てていないため、マウスを外に移動した後、ブラウザーは実際にはどの値から初期値に戻すか分からないので、そのまま初期値に戻すだけなのでトランジション効果はありません
理由は1階で述べた通りです。 height:100%;を設定することができます。
height:100%;
リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
私たちが見ることができるトランジションアニメーションは、実際には高さの値の変化プロセスであり、hover属性の高さに明確な値を割り当てていないため、マウスを外に移動した後、ブラウザーは実際にはどの値から初期値に戻すか分からないので、そのまま初期値に戻すだけなのでトランジション効果はありません
理由は1階で述べた通りです。
height:100%;を設定することができます。リーリー