JavaScript - トランジションの高さの自動トランジションアニメーション

Question

1. 縮小時にアニメーション効果がないのはなぜですか? 2. コード {code...} 3. オンライン デモ (解決済み)

ringa_lee · Answer

私たちが見ることができるトランジションアニメーションは、実際には高さの値の変化プロセスであり、hover属性の高さに明確な値を割り当てていないため、マウスを外に移動した後、ブラウザーは実際にはどの値から初期値に戻すか分からないので、そのまま初期値に戻すだけなのでトランジション効果はありません

怪我咯 · Answer

理由は1階で述べた通りです。 height:100%;を設定することができます。

伊谢尔伦 · Answer

リーリー

JavaScript - トランジションの高さの自動トランジションアニメーション

全員に返信(3)返信します