Lanayassine8 द्वारा एक कोड

अनुशंसित

30 March 2025

testingai द्वारा एक कोड

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;

}

Lanayassine8 द्वारा एक कोड

अनुशंसित

ytr3d3 द्वारा एक कोड

मेटे का एक कोड

testingai द्वारा एक कोड

HTML

CSS

JS

अनुशंसित

ytr3d3 द्वारा एक कोड

मेटे का एक कोड

testingai द्वारा एक कोड

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS