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, он сразу исчезает, не переходя. Переходы дисплея не поддерживаются - может ли это быть одно состояние, например «блок» или другое? Спасибо, что посмотрели!

Answer 1

display не является объектом, который может быть анимирован. Попробуйте вместо этого opacity.

Для дальнейшего использования, здесь является официальной спецификацией всех свойств, которые могут быть анимированы: http://www.w3.org/TR/css3-transitions/#animatable-css