Página de inicio de sesión 3D

2099 angrybird76

Abrir en el editor Publica tu código

Recomendado

28 December 2024

Un directorio de página de inicio alternativo

27 November 2024

Página de inicio - Apple

1 August 2024

Formulario de tarjeta de crédito - VueJs

HTML

CSS

body {
    font-family: Arial, sans-serif;
    background-color: #0e7bad;
}

.container {
    width: 640px;
    margin: 100px auto;
    perspective: 1000px;
}

.login-form {
    position: relative;
    width: 100%;
    height: 400px;
    background-color: #1154ac;
    border: 1px solid #125fb8;
    border-radius: 10px;
    box-shadow: #109e34;
    transform: rotateY(0deg);
    transition: transform 0.5s;
}

.login-form:hover {
    transform: rotateY(30deg);
}

h1 {
    margin-top: 0;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}

form {
    padding: 35px;
}

input[type="text"], input[type="password"] {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding: 8px;
    border: 1px solid #000508;
    border-radius: 5px;
}

button[type="submit"] {
    width: 100%;
    height: 40px;
    background-color: #4CAF50;
    color: #109e34;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button[type="submit"]:hover {
    background-color: #3e8e41;
}

.progress-bar {
    width: 100%;
    height: 10px;
    background-color: #0b72a1;
    border-radius: 5px;
}

.progress {
    width: 50%;
    height: 10px;
    background-color: #021b3f;
    border-radius: 5px;
}
/* Replace with your CSS Code 
(Leave empty if not needed) */

Recomendado

Un directorio de página de inicio alternativo

Página de inicio - Apple

Formulario de tarjeta de crédito - VueJs

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS