html - 这个大会网站是如何淡入淡出的？

Question

看起来像http://www.generalassemb.ly/已将容器设置为 0 不透明度，我只是好奇它是否被 javascript 或 css3 淡入。似乎是加载完整页面的好方法。

Answer 1

如您在 app.js 中所见，它使用 jquery 制作动画。

$(window).load(function() {
 $('#container').show();   

 $('#loading').animate({
    opacity: 0
   }, 200, function () {
    $('#loading').hide();
   });

 $("#container").animate({
    opacity: 1
   }, 1000);
 });