dating request/ pedido de namoro

Open In Editor Publish Your Code

<!DOCTYPE html>
<html>
<head>
    <title>Pedido </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>Você aceita  namorar comigo?</h1>
    <button id="yes-button" onclick="showThanks()">Yes</button>
    <button id="no-button">No</button>

dating request/ pedido de namoro

Recommended

Clicker Game HTML with Rebirth, Upgrades, JavaScript

Carousel with drag and wheel

Home Rent Car Landing Page

HTML

CSS

JS

Recommended

Clicker Game HTML with Rebirth, Upgrades, JavaScript

Carousel with drag and wheel

Home Rent Car Landing Page

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS