Modello HTML della pagina di errore 404

827 logicaldata570

Apri nell'Editor Video Pubblica il Tuo Codice

Consigliato

28 December 2024

Un codice di mematixd3162

20 September 2025

Modello HTML per portfolio sviluppatori

30 March 2025

Effetto di confusione del testo

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Invalid Page</title>
  <style>
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: 'Helvetica Neue', sans-serif;
      background: linear-gradient(135deg, #000, #111);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      cursor: pointer;
    }

.center-text {
      background: rgba(0, 0, 0, 0.8);
      border: 1px solid #ff4d4d;
      color: #ff4d4d;
      font-weight: bold;
      padding: 20px 40px;
      border-radius: 12px;
      font-size: 2.2rem;
      text-align: center;
      box-shadow: 0 0 20px rgba(255, 77, 77, 0.3);
      transition: 0.2s ease;
    }

.center-text:hover {
      background: rgba(255, 77, 77, 0.1);
      box-shadow: 0 0 25px rgba(255, 77, 77, 0.4);
    }
  </style>
</head>
<body>
  <div class="center-text" onclick="location.reload()">Invalid Page - 404</div>
</body>
</html>

Modello HTML della pagina di errore 404

Consigliato

Un codice di mematixd3162

Modello HTML per portfolio sviluppatori

Effetto di confusione del testo

HTML

CSS

JS

Consigliato

Un codice di mematixd3162

Modello HTML per portfolio sviluppatori

Effetto di confusione del testo

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS