अमान्य पृष्ठ बटन

संपादक में खोलें अपना कोड प्रकाशित करें क्या आपको एक वेबसाइट चाहिए?

अनुशंसित

9 September 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>

अमान्य पृष्ठ बटन

अनुशंसित

चिपचिपा SVG फ़िल्टर बटन

बटन ग्रेडिएंट होवर

मैट्रिक्स एनिमेटेड पृष्ठभूमि

HTML

CSS

JS

अनुशंसित

चिपचिपा SVG फ़िल्टर बटन

बटन ग्रेडिएंट होवर

मैट्रिक्स एनिमेटेड पृष्ठभूमि

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS