这个大会网站如何淡入？

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);
 });

Answer 2

Javascript，使用Jquery。虽然可以使用CSS3 take a look here进行这类转换。

Answer 3

只是一个建议：看一下视图 - ＆gt;页面的来源。这是imo非常干净的标记。您将能够非常轻松地关注所有内容。花一个小时学习资源对你来说非常有帮助和有益，并会给你一些很好的见解。这么多，你永远不会再问一个类似你的问题了。你将回答这样的问题： - ）