जनरेट बटन

अनुशंसित

21 July 2025

ज्यामितीय पृष्ठभूमि वाला HTML लॉगिन फ़ॉर्म

10 September 2024

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

जनरेट बटन

अनुशंसित

ज्यामितीय पृष्ठभूमि वाला HTML लॉगिन फ़ॉर्म

ग्लासमोर्फिज्म उत्पाद कार्ड

लैंडिंगपेज1 द्वारा एक कोड

HTML

CSS

JS

अनुशंसित

ज्यामितीय पृष्ठभूमि वाला HTML लॉगिन फ़ॉर्म

ग्लासमोर्फिज्म उत्पाद कार्ड

लैंडिंगपेज1 द्वारा एक कोड

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS