WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
3171
loader7
Abrir no Editor
Video
Publique Seu Código
16 December 2024
Um Código por Meriem
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) */
