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

Multiple social media button

Dark Mode Website Footer HTML CSS Code

Hover...

HTML

CSS

JS

Recommended

Multiple social media button

Dark Mode Website Footer HTML CSS Code

Hover...

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS