显示属性上的CSS转换不起作用

Question

我已经设置了一个功能：

function removeDiv(el){
    var elem = document.getElementById(el);
    elem.style.transition = "display 2.5s linear 0s";
    elem.style.display = "none";    
}

并创建了一个div，它具有名为onclick的函数。 但是，当我点击div时，它会立即消失而不会转换。是否不支持显示转换 - 它可以是一个状态，如＆＃39; block＆＃39;或其他？ 谢谢你的期待！

Answer 1

display不是可以设置动画的属性。请改为opacity。

供将来参考，以下是可以设置动画的所有属性的官方规范：http://www.w3.org/TR/css3-transitions/#animatable-css