मूल HTML बटन उदाहरण

521 kirmizigulramazan9

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

अनुशंसित

17 July 2025

3D घूर्णन लॉगिन साइनअप फ़ॉर्म HTML CSS

10 December 2025

Matter.js रैगडॉल भौतिकी गेम का उदाहरण

24 August 2025

कार स्पेक्स अकॉर्डियन स्लाइडर HTML

HTML

CSS

body{
        display: flex;
        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;

}

अनुशंसित

3D घूर्णन लॉगिन साइनअप फ़ॉर्म HTML CSS

Matter.js रैगडॉल भौतिकी गेम का उदाहरण

कार स्पेक्स अकॉर्डियन स्लाइडर HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS