Código de botón brillante

9989 kuro

Abrir en el editor Publica tu código

Recomendado

15 October 2025

Barra lateral de Glassmorphism HTML CSS Estilo Apple

30 March 2025

Un código de meriem

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;

}

Código de botón brillante

Recomendado

Barra lateral de Glassmorphism HTML CSS Estilo Apple

Un código de ytr3d3

Un código de meriem

HTML

CSS

JS

Recomendado

Barra lateral de Glassmorphism HTML CSS Estilo Apple

Un código de ytr3d3

Un código de meriem

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS