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

Pizza

Mete'nin bir kodu

HTML Bike Rental Website Template

HTML

CSS

JS

Recommended

Pizza

Mete'nin bir kodu

HTML Bike Rental Website Template

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS