Search the Community
Showing results for tags 'preloadin'.
Found 1 result
-
Fala pessoal, tudo bem? Tô tentando fazer um pre-loading, mas não consigo de jeito algum. Quero mostrar uma animação enquanto a página é carregada e depois de caregada, esconder a animação e mostrar conteúdo. Aguém pode me ajudar? Segue código abaixo <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>PÁGINA LOAD</title> <style type="text/css"> .loadclass { border: 2px solid #f3f3f3; /* Light grey */ border-top: 4px solid #ffc401; /* Blue */ border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .conteudo { display:none; } </style> <script> function loading(){ document.getElementsByClassName('loadclass')[0].style.display="none"; document.getElementsByClassName('conteudo').style.display="block"; } </script> </head> <body onLoad="loading()"> <div class="loadclass"></div> <div class="conteudo">SEU CONTEUDO AQUI DENTRO!!!</div> </body> </html>
