Un código de lebronpaulsuarezz

Abrir en el editor Publica tu código ¿Necesitas un sitio web?

Recomendado

30 December 2024

TARJETA DE CONEXIÓN

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;

}

Un código de lebronpaulsuarezz

Recomendado

Un código de cleancloud199

Acerca de la página

TARJETA DE CONEXIÓN

HTML

CSS

JS

Recomendado

Un código de cleancloud199

Acerca de la página

TARJETA DE CONEXIÓN

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS