WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
3855
K0derski
Abrir no Editor
Video
Publique Seu Código
17 May 2025
Cartão Flip Moderno
14 March 2025
Esfera CSS Faux-3D /w Textura
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 page</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <div class="loader"></div> </body> </html>
CSS
Copy
body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: linear-gradient(135deg, #3498db, #e74c3c); } .loader { width: 100px; height: 100px; border: 4px solid #3498db; border-top: 4px solid #e74c3c; border-radius: 50%; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
JS
Copy
