Exemplo de botões de contato HTML

874 tanohangeaime99

Abrir no Editor Video Publique Seu Código

Recomendado

26 January 2025

Um código por alqsdeus

18 November 2024

Modelo de site de portfólio moderno

18 October 2024

Modelo de site de portfólio HTML CSS

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;

}

Recomendado

Um código por alqsdeus

Modelo de site de portfólio moderno

Modelo de site de portfólio HTML CSS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS