WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
3369
loader7
Abrir no Editor
Video
Publique Seu Código
Recomendado
29 July 2025
Role para existir
13 October 2024
forma por
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Loading Screen</title> <link rel="stylesheet" href="/css/styles1.css"> </head> <body> <div class="loader"></div> </body> </html>
CSS
Copy
body{ background-color: #2ecc71; display: flex; justify-content: center; align-items: center; height: 100vh; overflow: hidden; margin: 0; } .loader{ height: 50px; width: 50px; border:8px solid #fff; border-radius: 50%; animation: pulse 1s ease-in-out infinite; } @keyframes pulse{ 0%,100%{transform: scale(1);} 50%{transform: scale(1.2);} }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
