Исчезновение предварительного загрузчика CSS - PullRequest
Новая
       9

Исчезновение предварительного загрузчика CSS

0 голосов
/ 28 июня 2018

Я хочу, чтобы мой предварительный загрузчик плавно исчезал, я использую приведенный ниже код, но он не работает ...

CSS 

</p>

<pre><code>.body{
     width:100%;
     height:1000px;
     overflow:hidden;
    }
    #loader{
         width:100px;
         height:100px;

         border:solid 5px blue;
         border-top:solid 5px #F69;
         border-bottom:solid 5px #F69;
         border-radius:100%;

         position:absolute;
         top:0;
         left:0;
         right:0;
         bottom:0;
         margin:auto;

         -webkit-animation: spin 2s linear infinite;
         animation: spin 2s linear infinite;

        }
    @keyframes spin{
            from{ transform:rotate(0deg);  width:100px;
            height:100px;}
            to{ transform:rotate(360deg); width:100px;
            height:100px;}
        }
</code>

CODE 

<body onload="myFunction()" >
   <div id="loader" style="z-index:999;">
   </div>
 </body>

Сценарий 


    function myFunction() {
        $("bloader").fadeOut(2000);
        myVar = setTimeout(showPage, 2000);
    }

1 Ответ

0 голосов
/ 28 июня 2018

В вашем сценарии 

$("bloader").fadeOut(2000);

должно быть 

$("#loader").fadeOut(2000);
...