Schaltfläche „Ungültige Seite“

Im Editor öffnen Veröffentlichen Sie Ihren Code

21 September 2024

Schaltfläche „Hinzufügen“ zum Öffnen des Hinzufügens von Profildaten mit Validierung

18 September 2024

Anmeldeschaltfläche

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>

Schaltfläche „Ungültige Seite“

Schaltfläche „Hinzufügen“ zum Öffnen des Hinzufügens von Profildaten mit Validierung

Anmeldeschaltfläche

HTML

CSS

JS

Schaltfläche „Hinzufügen“ zum Öffnen des Hinzufügens von Profildaten mit Validierung

Anmeldeschaltfläche

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS