Bouton Générer

279 alejandrokundrah

Ouvrir dans l'éditeur Publiez votre code

Recommandé

17 April 2025

Un code de Mete Han

25 August 2025

Modèle HTML de site Web de film

22 August 2025

Commentaire d'espace réservé au code HTML

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Neumorphic Generate Button</title>
    <style>
        body {
            background-color: #E0E5EC;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

.button {
            width: 200px;
            height: 60px;
            border-radius: 30px;
            background-color: #E0E5EC;
            box-shadow:  9px 9px 16px #A3B1C6,
                         -9px -9px 16px #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: sans-serif;
            font-weight: bold;
            color: #707070;
            cursor: pointer;
            user-select: none;
        }

.button:active {
             box-shadow: inset 9px 9px 16px #A3B1C6,
                         inset -9px -9px 16px #FFFFFF;
        }
    </style>
</head>
<body>
    <div class="button">Generate</div>
</body>
    <script src="script.js>
       
    </script>
    
</html>

Bouton Générer

Recommandé

Un code de Mete Han

Modèle HTML de site Web de film

Commentaire d'espace réservé au code HTML

HTML

CSS

JS

Recommandé

Un code de Mete Han

Modèle HTML de site Web de film

Commentaire d'espace réservé au code HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS