Como criar uma tela de login com HTML e CSS 

Muito massa o tutorial porém vocês deveriam pensar em quem assiste no celular. De vez em quando dê um zoom para facilitar a visualização da explicação. Valeu👍

caraca, muito bom, deixa bem explícito que o cara é fera nessa área

"O mísera é um gênio" mais um inscrito

muito bom mano curti faz mais videos

Parabéns pela didática. Isso faz toda a diferença.

Show de bola. Gostei muito.

Boa, toda criação de tela é bem vinda

Cara que didática boa. Seus vídeos são muito bons pena que não tem muito conteúdo aqui no RU-vid. Meus parabéns pelo trabalho.

Ficou muito bom. Agradecido pelo excelente trabalho prestado.

Esse cara e bom! Fez toda a parte de front-end do TCC e pegou MB 🔥

Que top!!

Ficou show...muito bom mesmo...!

nossa ajudou demais parabens!!!!

Parabéns brother

mutio bom cara!! parabéns muito bom!!

Gostei muito desse vídeo obrigado!

Top, meu camarada!

Incrível !!

Muito bom irmão

valeu irmão, ajudou demais!!

AJUDOU DE MAIS OBRIGADO

Muito bom o video, Obrigado!!

Muito obrigado! Muito foda vc

não sou da área de tecnologia, estou iniciando em html parabéns vc ajuda muito continua parabéns ganho um inscrito

TOP, parabéns !!!!!!

Parabéns!! Pelo conteúdo

Muito bom!

Parabéns pelo projeto !!!! me ajudou muito

Olá cara, bela aula. Eu não conseguir colocar a imagem. Possuo a imagem nos arquivos do PC, mas não pegou. Sabe como resolver?

Excelente trabalho, parabens amigo.

boa

Então quer dizer que vc gosta de usar o botão, hem?! kkkkk brincadeiras a parte, gostei da aula! continua trazendo mais tutoriais se possível. Abraço Elias

Ficou top, faz vídeo de como local usuário logar depois redirecionar para pagina principal

"Eu gosto de usar botão"kkkkkkkkkk,vídeo top amigo

salvou mano

qm fizer login, vai aparecer pra gente o email e senha da pessoa? como q faz pra visualizar no google enquanto cria o comando? e como faz pra manda o link dessa tela de login pra pessoa?

Muito bom o seu vídeo. Tenho apenas uma dúvida. Quando seleciono algum nome já salvo, o meu input fica com o background branco. Como posso resolver isso?

Excelente vídeo! A minha dificuldade em HTML e CSS é ao abrir 5 telas de Login, cada uma é feita com elementos diferentes. Joguei no chatgpt para entender o pq disso, e ele simplesmente responde que é uma questão de "gosto". Essa falta de um padrão dificulta bastante o entendimento de um iniciante. O que vc recomenda para conseguir lidar com isso?

3:08 ficou um pouco estranha mesmo kkkkkk

"não sei falar esse nome, font-uergred, me corrijam se eu tiver errado" Bro, n chegou nem perto kkkkkkkkkkk

Salve galera, vou deixar o código criado no vídeo nesse comentário caso tenha gente com dificuldade de baixar o meu código do github. Caso o código tenha algum problema vocês conseguem fazer a comparação. Conto com a inscrição de vocês, vlw. *Pagina de HTML* Tela de Login Login Nome: Senha: Entrar Esqueceu a sua senha ? Ainda não sou cadastrado *Pagina de CSS* *{ margin: 0; padding: 0; box-sizing: border-box; } body{ background: url(img/paisagem.jpg); background-size: cover; display: flex; justify-content: center; align-items: center; height: 100vh; } .container{ width: 350px; background: rgba(0, 0, 0, 0.5); border-radius: 20% 0; box-shadow: 1px 2px 20px #000, 2px 6px 50px #000; padding: 50px 20px; } h2{ text-align: center; margin: 20px; color: white; font-size: 25px; } input{ width: 100%; height: 46px; background: transparent; border: none; outline: none; border-bottom: 1px solid white; color: white; } .input-field{ position: relative; margin-bottom: 20px; } label{ position: absolute; top:0; left: 0; color: white; transform: translateY(18px); transition: .25s ease-in-out; } input:focus + label{ transform: translateY(-14px) scale(.8); color:#26a96a } input:focus{ box-shadow: 0 1px 0 0 #26a96a; border-bottom: #26a96a 1px solid; } .center{ text-align: center; } button{ background: transparent; padding: 15px 50px; border-radius: 20px; color: white; text-transform: uppercase; border:2px solid white; margin: 20px; cursor: pointer; transition: ease-in-out .25s; } button:hover{ background: rgba(255, 0, 0, 0.459); } div a{ text-decoration: none; color: white; transition: .25s ease-in-out; } div a:hover{ color:#26a96a; } input:not(:placeholder-shown){ box-shadow: 0 1px 0 0 #26a96a; border-bottom: #26a96a 1px solid; } input:not(:placeholder-shown) + label{ transform: translateY(-14px) scale(.8); } input::placeholder{ color:transparent; }

eu quero que isso esteja no meu blogger como faco,,,, clicando no entrar eu quero que, depois dessa pagina de login a pessoa seja colocado no meu blogger como eu chamo o meu blogger

como que redireciona o usuário e senha para uma outra pagina ou arquivo via get ou post quando clicar no botão entrar?

olha muito legal seu video porem voce cometeu um erro ai em explica atela do html porque teria de ser do inicio pq quem quer aprender quer aprender a construir todo o escorpo do html como cria a pasta como codifiica tudo certinho detalhe por detalhes é só uma dica .

me passa a imagem

Man to no celular mas a imagem não vai

Opa meu amigo copiei tudo bem certinho mas não deu certo😅

Алгоритмы ютуба не прекращают меня удивлять

Ensinar a validar senha e login

Que coisa maos linda,melhor que mulher pelada na tumb!