设置CSS缓入，而不是缓和

Question

使用CSS过渡设置ID的文本颜色不起作用。它只是将它改为红色，但不会使它变得容易。

document.getElementById('colourword').innerHTML =
"<span id='flash' style='color: #000; transition: color 0.5s ease-in 0.5s; -moz-transition: color 0.5s ease-in 0.5s; -webkit-transition: color 0.5s ease-in 0.5s;'>X</span>";

var flash = document.getElementById('flash');
flash.style.color = "#dd0000";

如果我输入控制台document.getElementById('flash').color = "000";，它将会淡出黑色。

有什么想法吗？

Answer 1

它就像是对颜色的瞬间改变，它不知道从

改变颜色是什么

这对我有用：

document.body.innerHTML =
"<span id='flash' style='color: #000; transition: color 0.5s ease-in 0.5s; -moz-transition: color 0.5s ease-in 0.5s; -webkit-transition: color 0.5s ease-in 0.5s;'>X</span>";

setTimeout(function() {
    var flash = document.getElementById('flash');
    flash.style.color = "#dd0000";
},0);