有没有办法在不添加类的情况下在 js 中添加过渡效果（平滑/缓和）？

Question

Si 我有几行简单的代码，基本上它的作用是当您单击具有 id 的 div 时，它会消失（显示：none）。 通常我会做一个 addClass / removeClass 但我想知道是否仅使用此代码我可以添加一个不会使 div 残酷消失的效果，但可能会在 0.8 秒内过渡到左侧或顶部。 你将如何进行？

window.onload = function(){
    var divToHide = document.getElementById('divToHide');
    document.onclick = function(e){
        divToHide.style.display = 'none';
      }
  };

Answer 1

如果你想使用 jquery，你可以使用相同的幻灯片方法。 约束是你将不得不使用 jquery。

$("#divToHide").slideDown(2000); //2000 是效果的毫秒数

但是，您也可以在 css 中应用 transition-timing-function。 如果你保持transition-timing-function:linear 并且从宽度100% 到零宽度，它就会有滑动的效果，从下到下，在高度上过渡.. https://developer.mozilla.org/en -US/docs/Web/CSS/transition-timing-function