简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - トランジションに css3 トランジションを使用する js クリック イベントは効果がありません。次のコード
学习ing
学习ing 2017-07-05 10:43:56
0
3
1173

html

リーリー

css

リーリー

js

リーリー
学习ing
学习ing

全員に返信 (3)
大家讲道理
大家讲道理2017-07-05 10:45:56 3棟

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

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

いいねを押す+0
返信を追加
    曾经蜡笔没有小新
    曾经蜡笔没有小新2017-07-05 10:45:56 2棟

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

    いいねを押す+0
    返信を追加
      学习ing
      学习ing2017-07-05 10:45:56 1棟

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

      いいねを押す+0
      返信を追加
        人気のトピック
        詳細>
        人気の記事
        人気のチュートリアル
        詳細>
        関連するチュートリアル
        人気のおすすめ
        最新のコース
        最新のダウンロード
        詳細>
        ウェブエフェクト
        公式サイト
        サイト素材
        フロントエンドテンプレート
        私たちについて 免責事項 Sitemap
        PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！