CSS 显示转换 属性 无效
CSS transition on display property doesn't work
我设置了一个函数：
function removeDiv(el){
var elem = document.getElementById(el);
elem.style.transition = "display 2.5s linear 0s";
elem.style.display = "none";
}
并创建了一个 div，它具有名为 onclick 的函数。
但是，当我单击 div 时，它会立即消失而不会转换。是否不支持显示转换 - 它可以是一种状态，如 'block' 还是另一种状态？
感谢观看！
display 不是可以动画的 属性。请尝试 opacity。
为了将来参考，这里是可以设置动画的所有属性的官方规范：http://www.w3.org/TR/css3-transitions/#animatable-css
我设置了一个函数：
function removeDiv(el){
var elem = document.getElementById(el);
elem.style.transition = "display 2.5s linear 0s";
elem.style.display = "none";
}
并创建了一个 div，它具有名为 onclick 的函数。 但是，当我单击 div 时，它会立即消失而不会转换。是否不支持显示转换 - 它可以是一种状态，如 'block' 还是另一种状态？ 感谢观看！
display 不是可以动画的 属性。请尝试 opacity。
为了将来参考，这里是可以设置动画的所有属性的官方规范：http://www.w3.org/TR/css3-transitions/#animatable-css