Webleb - Snippets de Código -

8551 kuro

Abrir no Editor Publique Seu Código Precisa de um site?

Recomendado

14 September 2024

Formulário de Login com Glassmorphism

5 June 2025

Um código por bachir123

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 Login com Glassmorphism

Um Código por sofiane.blida09

Um código por bachir123

HTML

CSS

JS

Recomendado

Formulário de Login com Glassmorphism

Um Código por sofiane.blida09

Um código por bachir123

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS