javascript - トランジションに css3 トランジションを使用する js クリックイベントは効果がありません。次のコード

Question

html {コード...} css {コード...} js {コード...}

大家讲道理 · Answer

display是状态属性，也就是说，它的改变会导致从一个状态直接跳到另外一个状态，所以不存在渐变动画。如果需要隐藏，建议使用opacity来做。opacity は透明度を制御する属性であるため、透明度が 0 の場合、要素は表示されません。

また、あなたの #box样式里写了两次display 属性についても思い出してください。

曾经蜡笔没有小新 · Answer

トランジションを使用したい場合は、display:none を height:0 または width:0 に置き換えて、高さまたは幅から非表示にすることもできます

学习ing · Answer

チャットダイアログボックスを閉じるときのウィンドウアニメーション効果が必要ですか?結合して右側を閉じるかフェードアウトするには、フレームを使用すると簡単に実現できます