Webleb - UI Elements - HTML Create Account Form with Search Input

HTML CSS JS

<Style>
        body {
            margin: 0;
            height: 100vh;
            background-color: blue;
        }
        @keyframes fondAnime{
            0%{background-position: 0% 50%;}
            50%{background-position: 100% 50%;}
            100%{background-position: 0% 50%;}
        }
        @keyframes apparition{
            form{
                opacity: 0;
            }
            to{
                opacity: 1;
            }
        }
        .contenu{
            height: 100vh;
            display: flex;

}
        .carre{
            background-color: rgba(0,0,0,0.4);
            width: 350px;
            height: 500px;
             align-items: center;
             padding: 30px;
             border-radius: 10%;
             justify-content: center;
             margin: 100px 600px 500px 500px;
        }
        h1{
            font-size: 50pxpx;
            color: white;
            text-align: center;
        }
        input{
               width: 300px;
               height: 20px;
               color: blue;
        }
        button{
            background-color: black;
            color: white;
            width: 300px;
            height: 20px;
            animation: changcouleur 10s infinite;
        }
        @keyframes changcouleur{
            0%{background-color: white;}
            100%{background-color: black;}
        }
    </style>

Preview

Open Advanced Editor Full Screen

HTML CSS JS

Preview

Validating your code, please wait...