Ejemplo de botones de contacto HTML

30 tanohangeaime99

Abrir en el editor Publica tu código

Recomendado

17 May 2025

Estructura de escalera HTML con clases CSS

5 June 2025

Un código de alejandrokundrah

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;

}

Ejemplo de botones de contacto HTML

Recomendado

sitio web moderno

Estructura de escalera HTML con clases CSS

Un código de alejandrokundrah

HTML

CSS

JS

Recomendado

sitio web moderno

Estructura de escalera HTML con clases CSS

Un código de alejandrokundrah

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS