ग्लॉसी बटन कोड

अनुशंसित

10 January 2025

मेटे का एक कोड

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;

}

ग्लॉसी बटन कोड

अनुशंसित

माइकीकुन द्वारा एक कोड

CSS हार्ट एनीमेशन कोड स्निपेट

मेटे का एक कोड

HTML

CSS

JS

अनुशंसित

माइकीकुन द्वारा एक कोड

CSS हार्ट एनीमेशन कोड स्निपेट

मेटे का एक कोड

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS