WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Page "404 introuvable" avec CSS
4348
Hydr4
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
21 July 2025
Menu de navigation des boutons radio CSS
20 August 2024
Carte vélo en CSS pur
29 July 2025
Liste des cartes d'entreprise avec image de marque et marketing
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) */
