demande de rencontre

2056 gerlannypaula

Ouvrir dans l'éditeur Video Publiez votre code

Recommandé

25 August 2025

Structure du conteneur d'animation HTML

29 June 2025

Modèle HTML pour blog et podcast turc

17 March 2025

Choix multiples

HTML

<!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>

demande de rencontre

Recommandé

Structure du conteneur d'animation HTML

Modèle HTML pour blog et podcast turc

Choix multiples

HTML

CSS

JS

Recommandé

Structure du conteneur d'animation HTML

Modèle HTML pour blog et podcast turc

Choix multiples

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS