WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Página 404 No Encontrada con CSS
4517
Hydr4
Abrir en el editor
Video
Publica tu código
2
Recomendado
9 July 2025
Tarjeta de precios con efecto de inclinación 3D y anillo de energía
5 March 2024
Animación de texto CSS
6 January 2026
Formulario HTML para crear una cuenta con entrada de búsqueda
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <title>404 Page Not Found</title> </head> <body> <div class="error-container"> <h1 class="error-title">404</h1> <p class="error-text">Oops! Sembra che tu sia perso nel buio... <span class="animate-blink">????</span></p> </div> </body> </html>
CSS
Copy
body { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; height: 100vh; background-color: #000; color: #fff; } .error-container { text-align: center; } .error-title { font-size: 190px; font-weight: bold; margin-bottom: 1rem; animation: pulse 2s infinite; } .error-text { font-size: 1.125rem; } .animate-blink { animation: blink 1s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
