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

28 tanohangeaime99

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

अनुशंसित

22 June 2025

एडमिन डैशबोर्ड HTML टेम्पलेट

28 June 2025

404 त्रुटि पृष्ठ HTML टेम्पलेट

14 March 2025

मूल्य निर्धारण इंटरैक्शन (HTML, CSS और JS)

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;

}

अनुशंसित

एडमिन डैशबोर्ड HTML टेम्पलेट

404 त्रुटि पृष्ठ HTML टेम्पलेट

मूल्य निर्धारण इंटरैक्शन (HTML, CSS और JS)

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS