Bouton de confirmation

4,041 huzaifa527

Ouvrir dans l'éditeur Publiez votre code

Recommandé

14 May 2025

Formulaire de connexion dégradé HTML CSS

23 September 2025

Extrait d'animation de chargement en chute CSS

27 January 2026

Route de l'évasion

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>

CSS