Esempio di pulsanti di contatto HTML

1045 tanohangeaime99

Apri nell'Editor Video Pubblica il Tuo Codice

Consigliato

30 March 2025

Un codice di ytr3d3

14 December 2024

Un codice di creativefunction509

12 December 2025

Interfaccia utente CSS Chatbox: interfaccia di messaggistica reattiva

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;

}

Consigliato

Un codice di ytr3d3

Un codice di creativefunction509

Interfaccia utente CSS Chatbox: interfaccia di messaggistica reattiva

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS