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

368 kirmizigulramazan9

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

अनुशंसित

23 August 2025

तुर्की लॉगिन पृष्ठ HTML टेम्पलेट

10 December 2025

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

18 October 2025

SVG तीर के साथ 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;

}

अनुशंसित

तुर्की लॉगिन पृष्ठ HTML टेम्पलेट

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

SVG तीर के साथ HTML अगला बटन

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS