WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
2799
loader7
Abrir no Editor
Video
Publique Seu Código
Recomendado
30 January 2025
CodePen Home Desenhe um coração ❤️✍️
5 December 2024
Um código por JEBJEB
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) */
