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

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

9 September 2024

हृदय और कणों के साथ एनिमेटेड 404 त्रुटि पृष्ठ

27 November 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>

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

अनुशंसित

एनिमेटेड डिलीट बटन

हृदय और कणों के साथ एनिमेटेड 404 त्रुटि पृष्ठ

बटन होवर

HTML

CSS

JS

अनुशंसित

एनिमेटेड डिलीट बटन

हृदय और कणों के साथ एनिमेटेड 404 त्रुटि पृष्ठ

बटन होवर

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS