javascript - 如何使用 Javascript 触发 CSS3 淡入效果？

Question

我已经使用纯 Javascript 实现了淡入效果，但我渴望使用更原生的东西，比如使用 CSS3。有没有办法从 Javascript 触发 CSS 淡入效果？

谢谢。

Answer 1

HTML:

<div id="foo" class="hidden">Hello!</div>

CSS:

div {
    -webkit-transition: opacity 1s linear;
}
.hidden {
    opacity: 0;
}

JS:

setTimeout(function() {
    document.getElementById('foo').className = '';
}, 1000);

http://jsfiddle.net/RYgsA/