Exemplo básico de botão HTML

87 kirmizigulramazan9

Abrir no Editor Publique Seu Código

Recomendado

19 November 2025

Formulário de cadastro HTML animado com estilização CSS

25 September 2025

Trecho de código HTML de login e inscrição do Facebook

15 October 2025

Modelo de página de destino HTML: agência de viagens

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;

}

Recomendado

Formulário de cadastro HTML animado com estilização CSS

Trecho de código HTML de login e inscrição do Facebook

Modelo de página de destino HTML: agência de viagens

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS