検索

ホームページ  >  に質問  >  本文

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

html

リーリー

css

リーリー

js

リーリー
学习ing学习ing2748日前1320

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

  • 大家讲道理

    大家讲道理2017-07-05 10:45:56

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

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

    返事
    0
  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-07-05 10:45:56

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

    返事
    0
  • 学习ing

    学习ing2017-07-05 10:45:56

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

    返事
    0
  • キャンセル返事