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

349 tanohangeaime99

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

अनुशंसित

2 September 2025

CSS फ़्रैगमेंट एनीमेशन उदाहरण

28 August 2025

तुर्की लॉगिन पृष्ठ HTML कोड उदाहरण

22 August 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;

}

अनुशंसित

CSS फ़्रैगमेंट एनीमेशन उदाहरण

तुर्की लॉगिन पृष्ठ HTML कोड उदाहरण

ब्लॉगियम: प्रौद्योगिकी, डिज़ाइन और जीवन ब्लॉग HTML टेम्पलेट

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS