页面加载时的 CSS3 转换

Question

嘿，我的问题是他们是怎么做到的，当网站显示时，文本上方和下方的栏会淡入？

http://joy-interactive.com/

-凯

Answer 1

他们可能设置了一个 jQuery 事件以在 $( document ).ready 时自动触发动画

$(function() {  

  $("#progress-bar").toggleClass("top-bar-animation");  

}); 

然后在他们的 CSS 中，他们有类似的东西:

.top-bar-animation {  
  //animation code here
}