最简易的HTML5-页面加载动画

最简易的HTML5-页面加载动画根据页面加载是否完成，来判断加载动画是否退出。

<script>
        document.onreadystatechange=function(){
            console.log(document.readyState);
            if(document.readyState=="complete"){
                $(".loading").fadeOut();
            }
        }        
 </script>

以上两个都是直接使用gif图，为了使网页加载更快，使用css3来制作播放动画