लव कन्फर्मेशन

3411 huzaifa527

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

अनुशंसित

24 August 2025

इंस्पायरएक्स: आधुनिक वेब थीम (टेलविंड, वीडियो, गैलरी)

26 June 2025

ई-कॉमर्स साइट HTML, टेलविंड CSS, शॉपिंग

22 June 2025

टेलविंड सीएसएस ब्लॉग टेम्पलेट: डार्क मोड, रिस्पॉन्सिव

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Love Confirmation</title>
    <style>
        body {
            background-color:black;
            color: white;
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        h1 {
            margin-top: 200px;
        }
        
        button {
            margin-top: 50px;
            padding: 10px 20px;
            font-size: 18px;
            background-color: white;
            color: black;
            border: none;
            cursor: pointer;
        }
        
        #no-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation: moveButton 1s infinite;
        }
        
        @keyframes moveButton {
            0% {
                top: 50%;
                left: 50%;
            }
            25% {
                top: 30%;
                left: 70%;
            }
            50% {
                top: 70%;
                left: 30%;
            }
            75% {
                top: 70%;
                left: 70%;
            }
            100% {
                top: 50%;
                left: 50%;
            }
        }
    </style>
</head>
<body>
    <h1>Do you love Huzaifa Taif Khan?</h1>
    <button id="yes-button" onclick="showThanks()">Yes</button>
    <button id="no-button">No</button>

अनुशंसित

इंस्पायरएक्स: आधुनिक वेब थीम (टेलविंड, वीडियो, गैलरी)

ई-कॉमर्स साइट HTML, टेलविंड CSS, शॉपिंग

टेलविंड सीएसएस ब्लॉग टेम्पलेट: डार्क मोड, रिस्पॉन्सिव

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS