Schaltfläche „Ungültige Seite“

Im Editor öffnen Veröffentlichen Sie Ihren Code Brauchen Sie eine Website?

Empfohlen

21 September 2024

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

11 December 2024

<!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“

Empfohlen

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

Schaltfläche Hover

Dom-Schaltfläche

HTML

CSS

JS

Empfohlen

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

Schaltfläche Hover

Dom-Schaltfläche

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS