HTML संपर्क बटन उदाहरण

877 tanohangeaime99

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

18 December 2025

एस्केप रोड गेम HTML5 लोडर और फायरबेस कॉन्फ़िगरेशन

22 August 2025

HTML कोड प्लेसहोल्डर टिप्पणी

17 October 2025

वेब डिज़ाइनर पोर्टफोलियो HTML टेम्पलेट

HTML

CSS

body{
      
        justify-content: center;
        align-items: center;
        background: #100720;
        margin-top: 100px;
        }

button{
        width: 165px;
        height: 62px;
        cursor: pointer;
        color: #fff;
        font-size: 17px;
        border-radius: 1rem;
        border: none;
        position: relative;
        background: #100720;
        transition: 0.1s;
         }
         button::after{
            content: "";
            width: 100%;
            height: 100%;
            background-image: radial-gradient(circle
            farthest-corner at 10% 20%, rgba(255,94,247,1)17.8%,
            rgba(2,245,255,1)100.2%);
            filter: blur(15px);
            z-index: -1;
            position: absolute;
            left:0;
            top:0;
         }
         button:active{
            transform: scale(0.9)rotate(3deg);
            background-image: radial-gradient(circle
            farthest-corner at 10% 20%, rgba(255,94,247,1)17.8%,
            rgba(2,245,255,1)100.2%);
            transition: 0.5s;

}

अनुशंसित

एस्केप रोड गेम HTML5 लोडर और फायरबेस कॉन्फ़िगरेशन

HTML कोड प्लेसहोल्डर टिप्पणी

वेब डिज़ाइनर पोर्टफोलियो HTML टेम्पलेट

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS