如何使用Javascript触发CSS3淡入效果?

1 javascript css fade css3

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

谢谢.

Ale*_*yne 7

HTML:

<div id="foo" class="hidden">Hello!</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div {
    -webkit-transition: opacity 1s linear;
}
.hidden {
    opacity: 0;
}
Run Code Online (Sandbox Code Playgroud)

JS:

setTimeout(function() {
    document.getElementById('foo').className = '';
}, 1000);
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/RYgsA/